为 什么 要 写 这 本 书 


苹果 公司 在 2014 年 6 月 的 NWDC (Worldwide Developers Conference， 苹 果 全 球 开发 者 大 会 ) 上 向 公众 展现 了 全 新 的 iOS 8 移动 操作 系统 和 和 Yosemite 桌面 操作 系统 。 作 为 开发 者 ， 大 会 开幕 之 前 的 任 
何 爆料 ， 我 都 是 不 会 错过 的 。 在 大 会 开幕 的 前 一 天 ， 我 得 知 本 届 大 会 的 宣传 标语 为 : 编写 代码 改变 世界 (Write the Code.Change the World) 。 历 届 WWD5C 的 宣传 标语 都 是 以 全 新 、 卓 越 、 领 先 、 创 
新 、 引 领 等 作为 关键 词 ， 而 这 次 却 使 用 了 非常 接地 气 的 “编写 代码 ”一 词 ， 心 里 感觉 怪 怪 的。 在 WWDC 结 束 的 那 一 刻 ， 我 深 深 地 体会 到 苹果 为 什么 使 用 这 个 词 ， 因 为 此 时 此 刻 ， 苹 果 做 出 了 一 个 令 所 有 程序 
员 都 为 之 惊讶 的 改变 一 一 推出 了 全 新 的 程序 设计 语言 Swift。Swift 无 疑 是 本 届 WWDC 中 贴近 开发 者 的 最 大 亮点 。 

为 什么 苹果 要 抛弃 已 经 使 用 了 几 十 年 的 Objective-C， 而 去 开发 一 门 全 新 的 程序 设计 语言 呢 ? 按照 苹果 官方 的 说 法 ，Objective-C 这 门 语言 太 老 了 ， 它 无 法 提供 现代 语言 所 具有 的 那些 功能 ， 而 Swift 语 言 
具有 现代 、 安 全 、 快 速 等 特点 。 其 实在 我 看 来 ， 这 是 苹果 极其 强烈 的 控制 欲 在 作怪 。 

在 写作 本 书 之 前 ， 我 已 经 写 过 两 本 关于 iOS 开 发 的 书 ， 毫 无 疑问 它们 都 是 在 讲 如 何 使 用 Objective-C 开 发 App 的 。 可 以 说 Swift 是 我 写作 这 本 书 的 最 大 挑战 ， 并 且 它 给 我 的 身心 造成 了 极 大 的 摧残 。 因 为 在 


WWD5C 开 幕 之 前 ， 我 基本 上 已 经 完成 了 第 三 本 关于 Objective-C 图 书 的 初稿 。 可 谁 又 知道 ，Swift 的 出 现 如 同 晴天 韦 雳 、 飞 来 横 宰 ， 让 我 有 种 被 秒杀 的 感觉 。 就 这 样 放弃 吗 ”不 行 ， 此 时 此 刻 ， 我 想到 了 八 九 
年 前 每 晚 玩 《魔兽 世界 》 的 情景 一 一 不 断 地 “ 跑 尸 ”。 为 了 完成 自己 的 iOs 开 发 三 部 曲 ， 必 须发 扬 当 年 “ 跑 尸 ” 跑 不 死 的 精神 。 总 的 算 下 来 我 的 第 三 本 书 前 后 共 写 了 两 年 的 时 间 。 


作为 苹果 公司 独立 发 布 的 支持 型 开发 语言 ，Swift 语 言 的 语法 内 容 混合 了 Objective-C、Javascript、Python 的 特点 ， 语 法 简单 、 使 用 方便 、 易 学 ， 大 大 降低 了 开发 者 的 入 门 门槛 。 同 时 Swift 语言 还 可 以 
与 Objective-C 混 合 使 用 ， 对 于 用 惯 了 高 难度 Objective-C 语 言 的 程序 员 来 说， 学 会 Swift 更 不 在 话 下 ! 


Swift 允许 开发 者 通过 更 简洁 的 代码 来 实现 更 多 的 内 容 。 在 WWDC 2014 发 布 会 上 ， 苹 果 演 示 了 如 何 只 通过 一 行 简单 的 代码 完成 一 个 完整 图 片 列 表 加 载 的 过 程 。 另 外 ，Swift 还 可 以 让 开发 人 员 一 边 编 写 
程序 ， 一 边 预览 自己 的 应 用 程序 ， 从 而 快速 测试 应 用 在 某 些 特殊 情况 下 的 反应 。 


相信 对 使 用 Objective-C 语 言 开 发 过 App 的 程序 员 来 说 ，Objective-C 有 着 诡异 的 语法 ， 并 且 是 一 门 与 其 他 C 语 言 风 格 过 异 的 编程 语言 ， 学 习 难 度 可 想 而 知 。 但 是 ， 在 过 去 的 20 年 里 ， 苹 果 只 支持 
Objective-C， 这 人 迫使 广大 程序 员 不 得 不 学 习 和 使 用 艰 涩 难 懂 的 Objective-C 语 言 。 


随 着 Swift 语言 的 到 来 ， 这 种 简单 、 好 用 又 安全 的 编程 语言 将 吸引 更 多 的 开发 者 加 入 ， 让 苹果 软件 生态 圈 更 加 繁荣 。 如 此 ，“ 果 粉 ”将 可 以 在 App Store 和 Mac Store 中 下 载 到 更 多 称心 如 意 的 App。 从 
某 种 意义 上 说 ，Swift 语 言 是 苹果 的 一 项 新 的 商业 战略 。 


对 Swift 语 言 来 说 ， 相 信 大 部 分 的 读者 都 是 从 2014 年 6 月 开始 接触 的 ， 而 之 后 的 几 个 月 也 应 该 在 刻苦 地 学 习 Swift 这 门 语言 。 就 像 实 际 生 活 中 我 们 学 习 英 语 一 样 ， 精 通 英 语 的 语法 和 使 用 英语 进行 相互 沟通 
并 不 完全 是 一 回 事 。 学 习 程序 语言 也 是 如 此 ， 虽 然 程序 员 可 以 在 短 时 间 内 掌握 Swift 的 语法 ， 但 是 使 用 它 来 开发 App 是 另 一 个 层面 上 的 事情 了 。 本 书 每 一 章 都 通过 各 种 各 样 相 对 独立 的 项 目 ， 让 读者 了 解 iOS 
开发 中 最 常用 的 几 个 方面 的 程序 设计 技能 ， 包 括 Interface Builder、 自 动 布局 和 Size Class、 表 格 视图 、 导 航 控 制 器 和 标签 控制 器 、 远 程 访问 及 Facebook 集 成 等 。 本 书 能 让 那些 已 经 掌握 Swift 语 言 的 程序 员 
尽快 上 手 开 发 实现 各 种 功能 的 App， 体 验 开 发 的 乐趣 。 
读者 对 象 
本 书 是 为 想 通过 学 习 基 本 的 工具 和 技术 ， 开 发 出 具有 实用 功能 的 、 可 以 在 iOs 平 台 上 面 完 美 运行 的 App 的 人 所 准备 的 。 
本 书 读者 主要 为 : 
` iOS 设 备 的 用 户 和 爱好 者 。 
| iOS 应 用 程序 业余 开发 者 ， 使 用 Objective-C 开 发 过 简单 App。 
| iOS 应 用 程序 专业 开发 者 ， 使 用 Objective-C 开 发 过 商业 App。 
. 已 经 掌握 革 果 最 新 的 Swift 语言 ， 正 准备 进行 项 目 开发 的 程序 员 。 
C 开设 相关 课程 的 大 专 院 校 学 生 。 
如 何 阅读 本 书 
在 阅读 本 书 之 前 ， 需 要 具备 以 下 几 方面 的 知识 和 硬件 条 件 。 
` 面向 对 象 的 开发 经 验 ， 熟 悉 类 、 实 例 、 方 法 、 封 装 、 继 承 、 重 写 等 概念 。 
: 有 Swift 或 Objective-C、C、C++ 的 开发 经 验 。 
· 有 MVC 设 计 模 式 开发 经 验 。 
` 有 简单 的 图 像 处 理 经 验 。 
: 一 台 Intel 架 构 的 Mac 电 脑 (Macbook Pro, Macbook Air, Mac Pro 或 Mac Mini) 。 
如 果 加 入 了 iOS 开 发 者 计划 ， 还 可 以 准备 一 台 iOS 移 动 设 备 。 


本 书 通过 大 量 的 实例 项 目 来 讲解 如 何 使 用 Swift 开 发 简单 的 应 用 程序 ， 虽 然 每 个 App 所 实现 的 功能 都 不 复杂 ， 但 是 都 能 帮 读 者 了 解 每 章 重点 讲授 的 知识 点 和 技巧 ， 只 有 “打通 ”每 个 点 以 后 ， 一 个 完美 的 
App 才 能 流畅 运行 。 如 果 你 是 一 名 初学 者 ， 请 一 定 从 第 1 章 开 始 学 习 。 


本 书 内 容 共 12 章 ， 下 面 概述 各 章 内 容 。 

第 1 章 介 绍 了 Swift 语 言 的 特性 、Playground 编 辑 器 和 iOS 模 拟 器 ， 重 点 介绍 了 开发 1OS 应 用 程序 的 集成 开发 环境 Xcode。 

第 2 章 和 第 3 章 通 过 一 个 简单 计算 器 应 用 程序 向 大 家 介绍 Xcode 的 用 户 界面 搭建 工具 Interface Builder、Outlet 与 Action 关 联 、MVC 设 计 模式 、 应 用 程序 委托 和 视图 控制 器 。 
第 4 章 通 过 购物 应 用 程序 向 大 家 介绍 如 何 使 用 故事 板 组 织 和 管理 视图 。 


第 5 章 介绍 表格 视图 的 相关 知识 ， 包 括 与 表格 相关 的 委托 协议 ， 并 且 继 续 完善 购物 应 用 程序 。 


第 6 章 介绍 自动 布局 的 相关 知识 ， 当 程序 员 使 用 Interface Builder 搭 建 App 的 用 户 界面 时 ， 往 往 要 考虑 不 同 分 辨 率 和 屏幕 尺寸 的 设备 ， 有 时 候 一 个 场景 需要 做 出 10 套 左右 的 界面 。 但 是 通过 自动 布局 可 以 
让 我 们 只 需 搭建 好 一 套用 户 界 面 ， 就 可 以 在 所 有 的 设备 上 完美 运行 。 


第 7 章 介绍 集合 视图 的 相关 知识 ， 通 过 在 购物 应 用 程序 中 使 用 集合 视图 来 显示 各 种 商品 的 缩 略 图 。 

第 8 章 通 过 制作 IMDb 电影 信 息 查询 程序 ， 向 大 家 介绍 如 何 使 用 Swift 语言 进行 远程 服务 器 调用 ， 并 将 获取 的 XML 数据 进行 整理 并 显示 到 屏幕 上 。 
第 9 章 使 用 Photos.framework 框 架 实现 在 应 用 程序 中 获取 照片 库 或 摄像 头 所 拍摄 的 照片 。 

第 10 章 介绍 如 何在 应 用 程序 中 整合 Facebook 和 Twitter 社交 分 享 功能 。 

第 11 章 介绍 如 何 进行 应 用 程序 的 调试 。 


第 12 章 介绍 如 何在 应 用 程序 中 进行 文件 和 文件 目录 的 管理 。 


勘误 和 支持 


由 于 作者 的 水 平 有 限 ， 加 之 编写 时 间 仓 促 ， 书 中 难免 会 出 现 一 些 错误 或 者 不 准确 的 地 方 ， 朋 请 读者 批评 指正 。 为 此 ， 特 意 留 下 联系 的 电子 邮件 liuming_cn@qq.com。 你 可 以 就 书 中 的 错误 和 我 进行 沟 
通 ， 当 然 ， 遇 到 任何 技术 问题 也 可 以 与 我 联系 ， 我 将 尽力 为 你 提供 最 满意 的 解答 ， 期 待 能 够 得 到 你 的 真 的 反馈 。 另 外 ， 书 中 的 资源 文件 可 以 从 华章 网 站 (www.hzbook.com) "Fk. 
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刘 铭 


第 1 草 Swift 简介 


北京 时 间 2014 年 6 月 3 日 凌晨 1 点 ， 苹 果 公 司 (以 下 简称 苹果 ) 在 美国 旧金山 Moscone 中 心 举行 了 WWDC 开 发 者 大 会 开幕 式 ， 会 上 正式 发 布 了 iOS 8 移动 操作 系统 以 及 OS X Yosemite 桌 面 操作 系统 。 抛 
开 Yosemite 不 谈 ， 苹 果 在 iOS 8 中 更 新 了 很 多 内 容 ， 其 中 包括 : 


` 锁 屏 状态 下 直接 快速 删除 通知 。 

- 支持 发 送 语 音信 息 。 

` 输入 法 支持 预 判 联想 功能 。 

. 新 增 Healthkit 健 康 应 用 。 

.Siti 支 持 流 媒体 识别 ， 可 以 直接 通过 它 购 买 音乐 。 

- 自 带 相册 集成 更 强大 的 图 片 处 理 软件 。 

"大幅 改善 中 国 的 地 图 体验 。 

: Spotlight 支 持 搜索 音乐 、 电 影 、 餐 厅 、App Store 中 的 应 用 。 
. 可 以 接 入 第 三 方 键盘 ， 将 是 否 授 权 输 入 法 的 选择 留 给 用 户 。 
` 邮件 支持 更 多 的 手势 操作 。 


如 果 说 iOS 8 中 新 增加 的 这 些 特性 可 以 让 广大 用 户 激动 不 已 ， 那 么 此 次 大 会 推出 的 全 新 程序 设计 语言 一 一 Swift (中 文 翻译 为 雨燕 ， 爱 称 为 小 燕子 ) 就 可 以 让 所 有 的 iOS 程 序 员 发 毅 。 为 什么 是 发 山 而 不 是 
疯狂 呢 ? 道理 很 简单 ， 大 部 分 的 程序 员 可 能 会 在 之 后 的 一 段 时 间 内 放弃 使 用 了 多 年 的 已 经 驾轻就熟 的 Objective-C 语 言 ， 壮 苦 地 学 习 一 门 新 的 程序 设计 语言 。 


另外 ， 按 照 苹 果 的 一 贯 风格 ， 只 要 推出 了 一 款 新 的 产品 来 蔡 代 旧 的 产品 ， 那 么 对 应 的 旧 产 品 就 离 退 市 不 元 了 。 有 过 iOSs 开 发 经 历 的 “程序 猿 ” 都 知道 ， 当 初 苹果 使 用 自动 引用 计数 器 (Automatic 
Reference Counting, ARC) 特性 来 代替 手工 管理 内 存 ， 以 及 使 用 自动 布局 (Auto Layout) 来 代替 Resizing Layout， 最 终 的 结果 都 是 这 种 情况 。 


那么 Swift 好 学 吗 ? 已 经 掌握 了 Objective-C 的 “程序 猿 ”是 否 可 以 平稳 地 过 渡 到 Swift? 笔者 现在 还 不 能 给 出 明确 的 答案 ， 相 信和 在 看 完 这 本 书 以 后 ， 你 就 能 得 到 答案 。 


1.4 初 识 Swift 


Swift 是 苹果 在 WWDC 2014 所 发 布 的 一 门 编程 语言 ， 用 于 开发 IOS 和 OS X 应 用 程序 。 


2010 年 7 月 LLVM 编 译 器 的 原作 者 茎 苹果 开发 工具 部 门 总 监 克 里 斯 - 拉 特 纳 (Chris Lattner， 就 是 在 WWDC 2014 大 会 上 亲自 演示 Swift 代码 的 那 位 仁兄 ) 开始 着 手 开 发 Swift 语 言 ， 一 直到 2014 年 6 月 发 
布 ，Swift 大 约 经 历 了 4 年 的 开发 期 。 在 WWDC 2014 大 会 中 ， 苹 果 宣 称 Swift 的 特点 是 : 快速 、 现 代 、 安 全 和 具有 交互 性 。 


Swift 的 处 理 速 度 非 常 快 。 在 WWDC 上 ， 苹 果 展 示 了 Swift、Objective-C 以 及 Python 的 速度 对 比 ，Swiftt 比 Objective-C 快 1.4 倍 ， 比 Python 快 3.9 倍 ， 如 图 1-1 所 示 。 在 进行 RC4 加 密 算法 测试 中 ，Swift 
则 是 Python 的 220 倍 。 但 笔者 认为 苹果 在 这 里 使 用 了 障 眼 法 ， 因 为 每 门 编程 语言 都 有 其 优 缺 点 ， 如 果 非 要 用 自己 的 长 处 与 别人 的 短处 相 比 ， 明 显 有 些小 气 了 。 


在 笔者 看 来 ，Swift 就 像 是 一 门 可 以 被 编译 的 脚本 语言 。 因 为 在 很 多 语法 特性 上 Swift 和 一 些 脚 本 确实 非常 相似 。 但 是 ， 在 应 用 程序 开发 中 ，Swift 不 是 以 一 门 脚本 语言 来 运行 的 ， 所 有 的 Swift 代码 都 会 被 
LLVM 编 译 为 本 地 代码 ， 然 后 以 极 高 的 效率 运行 。 


Complex object sort 


DblectiyeC 


Python 


图 1-1 Swift 与 Objective-C 和 Python 的 速度 对 比 


Swift 和 Objective-C 都 是 类 型 安全 的 语言 ， 变 量 和 方法 都 有 明确 的 返回 ， 并 且 变 量 在 使 用 前 需要 进行 初始 化 。 而 在 语法 方面 ，Swift 迁 移 到 了 业界 公认 的 非常 先进 的 语法 体系 ， 其 中 包含 了 闭 包 、 多 返 
回 、 泛 型 和 大 量 的 函数 式 编程 的 理念 ， 函 数 终于 可 以 作为 变量 保存 了 [1]。 初 步 看 来 ，Swift 在 语法 上 借鉴 了 Ruby 的 很 多 人 性 化 设计 ， 但 借助 苹果 自己 手中 强大 的 LLVM 编 译 器 ， 在 性 能 上 必然 要 甩 开 Ruby 很 


lai 


° 


从 另 一 方面 说 ，Swift 的 代码 又 是 可 以 通过 交互 来 “解释 ”执行 的 。Xcode 6 加 入 了 所 谓 的 Playground 功 能 来 对 开发 者 输入 的 Swift 代码 进行 交互 式 响应 ， 当 然 ， 我 们 也 可 以 使 用 Swift 的 命令 行 工具 交互 
式 地 执行 Swift 语句 。 这 里 之 所 以 把 “解释 ”两 个 字 打 上 双 引 号 ， 是 因为 即使 在 命令 行 中 ，Swift 其 实 不 是 被 解释 执行 的 ， 而 是 在 每 条 指令 后 都 从 开始 的 Swift 代码 全 部 进行 编译 ， 然 后 执行 。 这 样 的 做 法 依然 
可 以 让 人 “感到 ”是 在 做 交互 解释 执行 ， 由 此 这 门 语言 的 编译 速度 和 优化 水 平 可 见 一 斑 。 同 时 Playground 还 顺便 记录 了 每 条 语句 在 执行 时 的 各 种 情况 ， 称 做 一 组 Timeline。 我 们 可 以 使 用 Timeline 对 代码 执 
行 逐 步 检查 ， 省 去 断 点 调试 的 时 间 ， 也 很 方便 ， 如 图 1-2 所 示 。 


g Balicons 一 Balloons- playground — Edited 
= B Baroons.nlayürnenra ^ EJ] supher :1 Е | EJ Teneine m Babcons playground (Temeina] 


func doDidMoveToView(scene : 5KScene, 
delegate : SKPhysicsContactDelegate]) { 


f| ==T Blimo Control 


vüffssetForTime = [ i in Funcor} 
returm BB ж siali / 18.8} (1058 times] 


// Set up balloon Lighting and per-pixel collisions, 

balloontonfigurator = 4 b in 
b.physicsBody.categnryditHMask = CDMTACT CATEGORY 
b.physicsBody.flieldBitHask = WIMD FIELD CATEGORY 
b.lightingBitMask = BALLOON LIGHTIMG CATEGORY 

) 


// Load images for balloon explosion. 
balloonPop = (1...4b.map { SKTaxture, GKTaxture, CKTa... 
SKTextsre(imageMamed: "explode BA[S81"] (а times) 


44 Ingtall turbulaant field farcet. 

var turbulence = 5KFieldWade,noiseFieldwWithsSmaothness(B.7, КЫБЫР 
animationS5peed:B.8) 

turbulence.categoaryBitMask = WIMD FIELD CATEGÜRY GRR SbF bs eben 

turbulence.strenmgrh = 8.71 &KNniapFIalrfunde 

scene, addchilditurbulenoe) TGemesScene (Function TF... 


carnanstrepgth = 2168.8 210.0 
J/ mmmmmzzzmzzmmmmm Scene Initialization mmmummmummmuummnm 


JI Ос the rest af rhe serus and start the scene. 

setupHera[scene, delegate) 

setupFan(sceng, delegate) Jat y = 80 " sinix) 
setupCannansiscene, delegate! 


} 


func handlecomract(bodyA | *e*Sortrteswooe, 
body : SKSoriteHoce)| { 


if (bodyA == nera) ( 
bodyt. normalTexture z nil 
bodyB, runActiaa|remcevedal юйге оп | 
) elem iF (bücB == hero) 1 
bodyA.normalTexture = nil 
bodyA, run&ctioa[renovedalloon&ction] 


] 


图 1-2 Swift 的 Playgtound 功 能 


不 知 大 家 是 否 有 这 样 的 想法 : 既然 苹果 的 生态 系统 做 得 这 样 册 色 ， 为 什么 还 要 推出 一 门 全 新 的 语言 ， 这 不 是 自 找 麻烦 吗 ? 在 WWDC 2014 大 会 上 ， 克 雷 格 - 费 德 里 吉 思 (Craig Federighi) 给 出 了 这 样 的 
答案 : 苹果 一 直 使 用 Xcode 作为 Mac 和 iOS 平 台 的 开发 工具 ， 而 Xcode 的 核心 是 我 们 用 来 开发 应 用 的 Objective-C 语 言 ， 它 已 经 为 我 们 服务 了 20 多 年 ， 我 们 很 喜欢 它 。 但 我 们 必须 问 自己 一 个 问题 ， 一 个 没 
C 的 Objective-C 会 是 什么 样子 ? 


苹果 不 仅仅 想 了 ， 还 将 其 付 诸 实践 ， 因 此 出 现 了 Swift 语言 ， 并 且 苹 果 希 望 使 用 Swift 来 主导 该 领域 。 苹 果 将 Swift 视 为 “杀生 儿子 ”， 并 把 它 视 为 Objective-C 的 继承 者 。 作 为 ijDS 或 Mac 的 开发 者 ， 笔 者 
深 感 学 习 和 使 用 Swift 的 必要 性 。 现 在 Swift 可 以 和 原来 的 Objective-C 或 C 代 码 混用 (不 同 于 Objective-C 和 C++ 或 C 在 同一 个 .mm 文件 中 的 混 编 ，Swift 文 件 不 能 和 Objective-C 代 码 写 在 同一 个 文件 中 ， 需 要 
将 两 种 代码 分 开 ) 。 编 译 出 来 的 二 进 制 文件 是 可 以 运行 在 iOS 7 和 iOS 8 设备 上 (不 支持 iOS 6 及 之 前 的 系统 ) 。 


现在 Xcode 6 中 所 有 的 文档 都 有 Objective-C 和 Swift 两 种 语言 版 本 ， 并 且 按照 苹果 开发 者 社区 的 一 贯 跟 进 速度 ， 有 理由 相信 在 不 久 的 将 来 ， 苹 果 很 可 能 会 逐步 废弃 对 Objective-C 的 支持 ， 而 全 面 支持 
Swift。 所 以 ， 关 于 到 底 是 学 Swift 还 是 Objective-C 的 问题 ， 笔 者 的 建议 是 ， 尽 快 学 习 Swift， 尽 快 使 用 Swift。 在 苹果 无 数 工程 师 和 语言 设计 天 才 的 努力 下 ，Swift 吸 收 了 众多 语言 的 精华 ， 应 该 是 当下 最 新 也 
是 最 先进 的 一 门 编程 语言 之 一 。 我 想 ， 也 正 是 苹果 对 这 门 语言 有 这 样 的 自信 ， 才 会 在 公司 全 盛 的 时 候 ， 不 墨守成规 ， 如 此 大 胆 地 推出 新 的 语言 。 因 为 苹果 必定 比 你 我 都 更 明白 ， 更 换 语 言 带 来 的 利 必 须 远大 
于 浆 ， 才 会 值得 冒 如 此 大 的 风险 。 从 这 个 意义 上 来 说，WWDC 2014 大 会 就 是 程序 开发 业界 的 一 枚 重 磅 炸弹 ， 也 必 将 写 入 史册 ， 而 你 我 身 在 其 中 ， 变 成 了 这 段 历史 的 见证 者 。 修 改 一 位 伟人 的 话 : 苹果 开发 
是 Swift 的 ， 也 是 Objective-C 的 ， 但 归根 结 底 是 Swift 的 。 


[1] Swift 语言 上 的 特性 不 在 本 书 的 介绍 范围 之 内 ， 你 可 以 下 载 苹果 官方 的 《The Swift Programming Language》 一 书 ， 或 者 在 CocoaChina 上 面 下 载 其 中 文 版 本 。 
[2] 在 苹果 的 iDOS 操 作 系 统 从 拟 物 化 转变 为 扁平 化 的 过 程 中 ， 克 雷 格 : 费 德 里 吉 起 到 了 很 大 的 作用 。 


1.2 了 解 Playground 


本 书 使 用 Xcode 6 beta 4 作为 开发 工具 ， 与 之 前 发 布 的 beta 1 版 本 相 比 ，beta 4 对 Swift 语言 做 了 大 幅度 改进 。 开 发 者 可 以 使 用 Swift 来 编写 更 好 、 更 安全 的 应 用 程序 ， 而 且 新 版 本 的 Swift 也 修正 了 许多 
开发 者 提出 的 请 求 ， 尤 其 是 对 数组 进行 了 重新 设计 。 但 是 ，beta 版 本 毕竟 不 同 于 正式 版 ， 依 然 存 在 着 许多 Bug， 只 不 过 对 Swift 初 学 者 来 说 影响 不 大 。 


启动 Xcode 6， 就 会 看 到 一 个 欢迎 界面 ， 如 图 1-3 所 示 。 欢 迎 界面 分 为 左右 两 部 分 ， 左 侧 有 三 个 选项 ， 分 别 是 直接 启动 playground、 创 建 一 个 新 的 Xcode 项 目 和 从 仓库 导出 一 个 项 目 。 右 侧 则 是 一 个 最 
近 编 辑 的 项 目 列表 ， 如 果 项 目 没 有 出 现在 列表 中 ， 可 以 点 击 底部 的 “Open another project" 链接 进行 选择 。 接 下 来 ， 我 们 在 欢迎 界面 中 点 击 “Get started with a playground" 链接 ， 启 动 
Playground。 


Welcome to Xcode 


'ersion 6.0 (GAZG 


Gat started with a playground 
Explore new ideas quickly and easily. 


Create a new Xcode project 
she Start building а new iPhone, iPad ог Mac application. 


Check out an existing project 
Start working on something from an SCM repository. 


Show this window when Xcode launches Open another project... 


图 1-3 Xcode 6 的 欢迎 界面 


1.2.1 ” Playground 的 编辑 器 模式 


Playground 是 什么 呢 ? 它 是 Xcode 6 中 新 引入 的 一 种 文档 类 型 ， 在 该 文档 类 型 的 文件 中 封装 了 一 些 有 用 的 东西 ， 其 中 包括 全 部 的 Swift 代码 。Swift 代 码 会 在 Playground 环 境 中 实时 运行 ， 并 且 只 要 我 们 
在 Playground 中 编辑 Swift 代 码 ， 就 会 马上 自动 显示 结果 。Swift 文 档 也 能 包含 一 个 文件 来 ， 里 面 可 以 内 放 那 些 供 代码 使 用 的 资源 。 另 外 ， 我 们 还 可 以 在 Playground 文 件 中 引用 那些 外 部 的 、 存 储 在 系统 中 的 
可 利用 资源 。 最 后 ，Playground 还 可 以 包含 一 个 时 间 轴 (Timeline) ， 时 间 轴 可 以 在 边栏 中 通过 可 视 化 方式 显示 结果 ， 这 个 特性 对 开发 者 来 说 非常 实用 。 下 面 分 步 讲解 如 何 创建 一 个 文件 。 


步骤 1 在 Xcode 的 欢迎 界面 中 点 击 “Get started with a playground" ， 在 弹出 的 文件 选项 面板 中 设置 Name 为 “HelloWorld”， 设 置 Platform 为 “iOS”， 如 图 1-4 所 示 。 


Choose options for your new file: 


Mame  HelloWorld 


= 


Platform: | iOS 


Cancel Previous 


图 1-4 设置 新 建文 件 的 选项 


步骤 2 ”确定 好 文件 的 保存 位 置 以 后 ， 会 自动 打开 Playground 编 辑 器 ， 其 中 左 侧 是 Swift 代码 ， 而 在 右 侧 的 边栏 中 会 显示 运行 的 结果 。 将 之 前 的 Swift 代码 修改 成 下 面 这 样 : 


// Playground - noun: a place where people can play 
import UIKit 
var string = "hello" + " " + "world" 

for i in Ohttp://www.hzcourse.com/resource/readBook?path-/openresources/teach ebook/uncompressed/15202/OEBPS/Text/..«10 { 


string += "N(i)" 


string 
for i in Ohttp://www.hzcourse.com/resource/readi 
var j = i % 4 


Book?path=/openresources/teach ebook/uncompressed/15202/OEBPS/Text/..«20 { 


) 


在 上 述 代码 中 ， 首 先 定 义 了 变量 string， 然 后 通过 加 号 将 3 个 字符 串 连 接 并 赋值 给 它 。 变 量 string 是 String 类 型 ， 当 我 们 声明 常量 或 变量 的 时 候 ， 通 过 加 上 类 型 标注 来 说 明 常 量 或 变量 中 要 存储 的 值 的 类 


型 。 方 法 是 在 音量 或 变量 名 后 面 加 上 一 个 冒号 和 空格 ， 再 加 上 类 型 名 称 。 之 前 的 声明 语句 也 可 以 写成 下 面 这 样 : 


o 


var string: String = "hello" +" " + "world" 


wy 注意 一 般 来 说 ， 我 们 很 少 需要 写 类 型 标注 。 如 果 在 声明 常量 或 者 变量 的 时 候 赋 了 一 个 初始 值 ，Swift 可 以 推断 出 这 个 常量 或 者 变量 的 类 型 。 在 上 面 的 例子 中 ， 因 为 为 Stting 典 了 初始 值 ， 所 以 编译 
器 推断 其 类 型 为 Stting。 


接 下 来 在 两 段 循环 代码 中 使 用 了 半 闭 区 间 运 算 符 (ahttp;//www.hzcourse.com/resource/readBook?path = /орепгеѕоигсеѕ/ќеасһ ebook/uncompressed/15202/OEBPS/Text/..«b) ， 它 定义 一 
个 包含 从 a 到 b 但 不 包含 b 的 区 间 。 如 果 需 要 定义 一 个 包含 从 a 到 b 的 所 有 值 的 区 间 ， 可 以 使 用 闭 区 间 运 算 符 (ahttp://www.hzcourse.com/resource/readBook? 
path=/openresources/teach ebook/uncompressed/15202/OEBPS/Text/..b) 。 当 我 们 迭代 一 个 区 间 的 值 时 ， 这 两 个 运算 符 是 非常 有 用 的 。 


细心 的 读者 会 发 现 ，Playground 会 在 我 们 编写 代码 的 过 程 中 ， 让 Swift 代 码 从 头 到 尾 地 反复 运行 ， 并 且 将 更 新 的 结果 实时 显示 在 边栏 之 中 。 这 是 Playground 最 基本 的 编辑 器 模式 。 


Ө 说 明 使 用 Swift 编写 的 代码 适用 于 全 局 范围 ， 同 时 也 是 整个 程序 的 执行 入 口 ， 不 像 C 或 Objective-C 那 样 需要 main () 函数 作为 执行 程序 的 起 点 ， 并 且 程 序 代 码 也 不 需要 像 它们 那样 用 分 号 (; ) 作为 


结尾 。 


1.22 ”时 间 轴 简介 


除了 编辑 器 模式 以 外 ， 还 可 以 将 Playground 设 置 为 助手 编辑 器 模式 。 在 该 模式 下 ， 开 发 者 可 以 调 出 时 间 轴 (Timeline) ， 并 通过 时 间 轴 以 可 视 化 的 方式 了 解 运 行 结果 的 更 多 细节 信息 。 


步骤 1 在 默认 情况 下 ，Playground 的 工具 栏 是 隐藏 的 ， 在 菜单 中 选择 “View 一 Show Toolbar”， 然 后 点 击 工具 栏 右 侧 的 “Show the Assistant editor”， 如 图 1-5 所 示 。 


HelloWorld.playground: Ready | Today at 上 午 包 53 


m HalloWorld.playground » No Salection 
// Playground = noun: a place where people can play 


var string = "hello" 4 " " 4 "world" hello world 助手 编辑 器 


for i in 8..«18 1 
string += "X(i])" (10 times) 
l 


string hallo warld0123456789' 


for i in 8..«28 1 
i*4 


var j = i % 


(20 times) 


图 1-5 ”将 Playground 切 换 到 助手 编辑 器 模式 


步骤 2 观察 “var j=i%4” 代 码 行 右边 栏 中 的 信息 ， " (20 times) ”代表 该 循环 体 一 共 执 行 了 20 次 。 而 这 20 次 的 结果 是 什么 呢 ? 点 击 该 行 右 边栏 中 的 “Value History” 按 钮 后 ,会 出 现 与 代码 行 
对 应 的 项 目 图 表 ， 如 图 1-6 所 示 。 在 项 目 图 表 中 所 呈现 的 点 代表 每 次 该 代码 行 被 循环 执行 时 所 产生 的 值 。 此 时 的 “Value History” 按 钮 变 成 了 多， 表明 它 的 项 目 已 经 出 现在 时 间 轴 中 。 


Playground 会 根据 不 同类 型 的 值 显示 不 同类 型 的 项 目 。 如 果 是 数值 则 会 显示 一 个 图 表 ， 在 图 表 中 的 x 轴 表 示 执 行 的 时 间 ，y 轴 记录 代码 行 中 的 值 ， 点 击 图 表 中 的 某 个 点 ， 就 会 显示 在 该 时 间 点 的 值 。 


图 HelloWorld.playground 
| 
E HelloWorld.playground » No Selection in (e) Timeline Œ HelloWorld.playground (Timeline) 
// Playground 一 noun: a place where people can 
play 


var string = "hello"  " " + "world" hallo world 


for i in 80.,«18 { 
string += "X(i)" (10 times) 
ү 


string hallo world012345... 


for i in 8,,«28 { 
var J] = i % à (20 times) 


1-6 Playground P 67 Bj I8] $h 
除了 数字 类 型 ， 在 时 间 轴 中 还 可 以 显示 字符 串 (string) 、 颜 色 (color) 和 图 像 (image) 类 型 。 当 我 们 使 用 printin () 函数 的 时 候 ， 在 时 间 轴 上 还 会 显示 控制 台 输 出 项 目 。 
当时 间 轴 中 有 太 多 的 Value History 项 目 ， 想 要 收 起 (不 是 关闭 ) 某 个 临时 不 用 的 项 目 时， 点击 该 项 目 顶端 的 表达 式 [ 即 可 。 


步骤 3 ”在 当前 Swift 代码 的 结尾 处 添加 下 面 的 代码 : 


Ф 


t color = UIColor.blueColor|() 

let attribStr = NSAttributedString(string: string, attributes: 
[NSForegroundColorAttributeName:color, 
NSFontAttributeName:UlFont.systemFontOfSize (32) ]) 


输入 这 几 行 代码 以 后 ， 在 结果 边栏 中 会 显示 color 的 颜色 和 attribStr 的 值 。 你 可 以 点 击 “Quick Look" 按钮 观看 字符 串 的 实际 显示 效果 ， 也 可 以 点 击 “Value History” 按 钮 在 时 间 轴 中 查看 结果 ， 如 图 
1-7 所 示 。 


озо 2 HelloWorld.playground 一 Edited 
dE € у m HellpWorld.playground » No Selection BH < > Timeline œ HelloWorld.playground (Timeline) 


// Playground - noun: a place where people 


can play | 
let color = LJiCGolor.blueCalorñi 


import UIKit 


var string = "hello" + " " + "world" "hella world" 


for i in 6,,«18 í 

string += "(1)" (10 times) 
| х еї attribStr = NSAÀttributedString(string:...uteMame:LUlFont.systemFontOfSize(3:2]]) 
string 'halla worldüt23458788" 


"TP hello world0123456789 


var j = ií % á (20 times) 


let color = UIColor,blueColorí() ШИШ :.00:0051031.0 С П || IdO1 23456/89 
let attribstr = NSAttributedString(lstring: Б 'helloworld0123456780' с e IO WOor k. 

string, attributes: 

[NSForegroundColorAttributeMame:color, 

NSFontAttributeName:UIFont. 

systemFont0f5ize(32)]) 


图 1-7 查看 UIColor 和 NSAttributedString 类 型 对 象 的 值 


接 下 来 ,我 们 要 在 Playground 中 添加 一 些 图 片 资源 ， 然 后 使 用 Swift 语 句 将 其 载 入 ， 并 在 时 间 轴 上 面 查 看 结果 。 


步骤 4 ”在 菜单 中 选择 “View 一 Utilities 一 Show File Inspector” 调 出 文件 检查 器 (Option+Command+1 快 捷 键 ) ， 在 “Resource Path” 部 分 中 ， 点 击 其 中 的 按钮 打开 项 目的 资源 文件 夹 ， 如 图 1-8 
所 示 ， 将 素材 文件 夹 中 的 1-1.png、1-2.png 和 1-3.png 这 3 个 图 像 文 件 拖 忠 到 其 中 。 


Identity and Type 
Name HelloWorld.playground 
Type Default - Swift Playground 


^^ 
Ñ 


Location Relative to Workspace 
../../../../Volumes/ T fEE/ 
360 云 盘 / 我 的 iPhone 教程 / 
Swift 开 发 教程 / 源 代码 /第 一 
z/HelloWorld.playground BE 

Full Path /VYolumes/ 工 作 区 /360 云 盘 / 我 
的 iPhone 教程 /Swift 开发 教程 / 
源 代 码 /第 一 章 / 
HelloWorld.playground + 


Playground Settings 
Platform | iOS 


не 
N 


Resource Path /Volumes/T T fEX/360=#/# 
的 iPhone 教程 /Swift 开发 教程 / 
源 代码 /第 一 章 / 
HelloWorld.playground/ 打开 He 1 1oWor ld 
Resources 中 的 资源 文件 来 


1-8 З Ее Inspector 


步骤 5 ”在 Playground 中 添加 下 面 的 代码 : 


let imageNames = ["1-1", "1-2", "1-3"] 

let images = imageNames.mapí( UIImage (named: $0)} 

images 

let image = images[0]; 

let imageView = UIImageView (frame: CGRectMake(0, 0, 512, 512)) 
imageView.image = image 


上 述 代码 首先 定义 了 一 个 字符 串 数 组 imageNames， 数 组 中 的 字符 串 对 象 都 是 刚刚 保存 在 Resources 文 件 夹 中 的 文件 名 (不 带 扩展 名 ) 。 然 后 ， 通 过 数组 的 map 方 法 依次 遍历 其 中 的 所 有 元 素 (字符 串 
对 象 ) ， 再 通过 这 些 字符 串 获取 资源 文件 夹 中 的 所 有 图 像 ， 最 后 将 这 些 图 像 以 数组 的 形式 赋值 给 images。 


截止 到 目前 ， 我 们 只 能 在 边栏 中 看 到 map 方 法 运行 了 4 次 ， 并 不 能 判断 是 否 成 功 载 入 了 图 像 ， 所 以 接 下 来 加 入 了 一 行 images 代 码 。 此 时 ， 在 边栏 中 会 看 到 包含 3 个 图 像 信 息 的 数组 ， 每 个 图 像 都 是 
512x512 像 素 ， 并 且 点 击 “Quick Look" 按钮 还 可 以 看 到 它们 ， 如 图 1-9 所 示 。 另 外 ， 也 可 以 通过 “Value History” 按 钮 将 它们 显示 在 时 间 轴 上 。 
let color = UIColor.blueColor() r ü.0 q 0.0 b 1.0 a 1.0 
let attribStr = NSAttributedString(string: string, attributes: A "hella waorld01234587B9' 
[NSForegroundCalorAtt ributeNMame: calor,NSFontAtt ributeMame: UIFont,systemFontüTSize 
(3211) 
let imageNames = ["1-1", "1-2", "1-3"] [ 1-1", "1-2", *1-3'] 


let images = imageNames.map4 Ullmage(named: $8]] (4 times) 


images Iw 512 h 812, w 512 h 812, w 812 h 5121 


let image = images[8]; w 512 h 512 
let imageView = UIImageView(frame: CGRectMake(8, 8, 512, 512)) UllmageView 


imageView,image = image UllmageView 


图 1-9 通过 “Quick Look” 查 看 载 入 的 图 像 


在 后 面 的 代码 中 我 们 又 创建 了 一 个 UllmageView 对 象 ， 并 将 images 数 组 中 的 第 一 个 对 象 赋值 给 imageView 的 image 属 性 。 此 时 ， 点 击 “let imageView” 行 的 “Quick Look”， 可 以 发 现 它 是 一 个 空 
白 的 UllmageView 对 象 。 但 点 击 “imageView.image” 行 的 “Quick Look" ， 则 会 发 现 UlIlmageView 对 象 已 经 载 入 了 图 像 。 


Q.. 提示 在 Playground 中 可 以 随时 更 新 Resources 中 的 资源 ， 如 更 改 现 有 的 图 像 文件 ， 添 加 音 视 频 文件 等 。 只 要 在 更 新 完成 后 选择 菜单 中 的 “Editor Execute Playground" 即 可 。 
除了 在 Playground 项 目 中 添 资 源 以 外 ， 我 们 还 可 以 利用 资源 的 绝对 路 径 来 载 入 图 像 。 


步骤 6 将 素材 文件 夹 中 的 1-1.png 文 件 复制 到 用 户 的 图 片 文件 夹 中 。 在 Playground 中 添加 下 面 的 代码 : 


imageView.image = image 
let absolutelmagePath = "/Users/liuming/Pictures/1-1.png" 
let image2 = UlImage (contentsOfFile: absolutelmagePath) 


{Œ "Quick Look" 中 同样 可 以 看 到 absolutelmagePath 路 径 所 定位 的 图 像 。absolute-ImagepPath 指 定 了 一 条 绝对 路 径 ， 其 中 的 “/Usersliuming/” 部 分 需要 修改 为 你 所 指定 的 路 径 。 


[1] 笔者 使 用 的 是 beta 版 本 ， 发 现 点 击 数值 图 表 中 的 表达 式 并 不 起 作用 ， 这 时 可 以 点 击 表 达 式 与 左 侧 x 图 标 之 间 的 空白 处 来 解决 。 


1.2.3 Quick Look 所 支持 的 类 型 


利用 Quick Look 特 性 ， 我 们 可 以 在 Playground 中 快速 查看 欲 了 解 的 值 的 信息 。 那 么 Quick Look 都 支持 哪些 类 型 呢 ? 它 包括 下 面 这 些 : 
: 颜色 一 一 UIColor 类 型 的 对 象 
字符 事 一 一 包括 无 格式 (Sting) 和 带 属性 的 (NSAttributedString) 
. 图 像 一 一 UIImage 
- 视图 一 一 各 种 视图 对 象 ， 例 如 UISlider、UIButton、UILabel 等 
. Atray 和 Dictionaty 一 列表 显示 数组 和 字典 对 象 
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: Points. rects7fesizes 
- 贝 赛 尔 曲线 一 一 显示 所 绘制 的 曲线 


- URLs 虽然 URL 是 一 个 链接 地 址 ， 但 通过 Quick Look 可 以 查看 该 链接 的 实际 内 容 


类 和 和 结构， 在 Quick Look 中 会 显示 类 和 结构 的 属性 信息 


- Classes 和 Struct 


1.24 ”为 什么 要 用 Playground 


在 了 解 了 Playground 的 基本 功能 以 后 ， 大 家 可 能 会 有 这 样 一 个 疑问 : 这 玩意 到 底 有 什么 用 ”用 它 来 开发 一 个 项 目 那 简直 就 是 “扯淡 ”。 它 只 能 编写 一 些小 打 小 闲 的 东西 呀 ! 


苹果 发 布 Swift 这 门 全 新 的 语言 是 需要 巨大 勇气 的 ， 毕 竟 让 上 百 万 开发 者 从 使 用 了 20 多 年 的 Objective-C 迁 移 到 Swift， 就 像 下 了 一 个 天 大 的 赌注 。 弄 不 好 赔钱 是 小 事 (苹果 不 缺 钱 ) ， 丢 了 面子 可 就 是 大 
事 了 。 因 此 ， 苹 果 在 Xcode 开发 工具 中 独立 出 Playground 链 接 ， 就 是 为 了 让 程序 员 能 够 快速 掌握 Swift， 这 里 面包 括 : 


通过 Playground 学 习 Swift。 
: 苹果 在 iBooks Store 中 推出 了 《The Swift Programming Language》 一 书 ， 大 家 可 以 在 Playground 中 边 看 书 边 学 习 。 


方便 初学 者 学 习 程序 设计 语言 ， 让 他 们 真正 地 去 关注 代码 本 身 ， 只 要 在 Playground 编 辑 器 中 编写 代码 ， 就 可 以 立即 得 到 结果 ， 从 而 省 去 了 学 习 项 目的 配置 、 调 试 、 构 建 和 在 模拟 器 或 真 机 上 运行 的 麻 


烦 。 


1.2.5 ”Playground 的 一 些 限制 


虽然 Playground 是 初学 者 学 习 Swift 的 理想 工具 ， 但 是 它 也 有 一 些 限 制 。 最 主要 的 一 个 限制 就 是 它 不 能 用 于 性 能 测试 。Playground 主 要 用 在 编写 代码 的 过 程 中 实时 显示 运行 结果 ， 它 执行 速度 的 快慢 完 
全 取决 于 所 编写 代码 的 行 数 ， 行 数 越 多 执行 所 花费 的 时 间 也 就 越 多 。 除 此 以 外 ，Playground 也 不 能 实现 下 面 的 这 些 功能 : 


:用户 的 交互 Playground 可 以 实时 得 到 运行 结果 ， 但 是 不 能 有 交互 的 操作 。 
- 授权 一 Playground 不 支持 任何 形式 的 授权 。 


. 基于 设备 的 执行 一 一 当 开 发 iDS 应 用 的 时 候 ， 不 能 将 Playground 项 目 安装 到 iOS 设 备 上 执行 。 


| 自 定义 的 框架 能 使 用 IOS SDK 所 提供 的 基本 框架 库 ， 无 法 使 用 自己 开发 的 框架 。 如 果 非 要 使 用 ， 则 需要 将 该 框架 复制 到 Playground 项 目的 资源 文件 夹 中 。 


1.3 У Хсоае 


作为 一 名 开发 者 ， 不 管 在 什么 平台 上 进行 开 友 ， 总 需要 一 大 堆 的 软件 支持 ， 才 能 将 自己 的 想法 变 成 可 以 让 成 王 上 万 人 受益 的 应 用 程序 。 苹 果 不 希 望 这 样 ， 它 为 开发 者 提供 了 一 个 优雅 的 、 功 能 强大 的 、 
光鲜 亮丽 的 开发 工具 包 ， 这 个 包 就 叫做 Xcode。 通 过 Xcode， 我 们 可 以 创建 、 测 试 、 部 署 和 发 布 iOS 或 OS X 应 用 程序 。 在 2014 年 6 月 ， 苹 果 发 布 了 iOS 8 和 Xcode 6 的 beta 版 本 ， 在 使 用 的 过 程 中 笔者 能 


受到 苹果 力求 让 开发 工具 无 比 简单 、 实 用 。 通 过 其 强大 的 功能 和 全 新 技术 ， 帮 助 开发 者 在 创建 应 用 程序 的 过 程 中 体会 到 无 限 的 乐趣 和 前 景 。 


接 下 来 使 用 Xcode 创建 一 个 简单 的 、 具 有 交互 功能 的 iOS 应 用 “HelloWorld”。 通 过 前 面 的 学 习 我 们 知道 Playground 无 法 实现 交互 功能 ， 所 以 下 面 我 们 要 创建 一 个 真正 的 iOS 项 目 。 


1.3.1 使 用 Xcode 创建 iOS 项 目 
如 果 你 之 前 在 其 他 的 平台 上 开发 过 应 用 程序 ， 可 能 会 有 一 个 疑问 : 在 iOS 和 OS X 开 发 领域 中 ， 为 什么 Xcode 会 成 为 一 校 独 秀 ? 最 主要 的 原因 可 能 就 是 简单 。 化 繁 至 简 是 苹果 始终 遵循 的 原则 ， 而 简单 的 
背后 却 体现 了 其 强大 的 内 涵 。Xcode 提 供 了 在 开发 中 你 需要 的 所 有 东西 : 一 个 直观 的 代码 编辑 器 、 高 级 的 调试 器 ， 集 成 界面 编辑 功能 以 及 苹果 不 断 更 新 和 维护 ， 这 些 使 得 它 变 成 了 真正 的 独一无二 。 


步骤 1 点 击 欢迎 画面 中 的 “Create а new Xcode project” 或 者 选择 菜单 “File 一 New 一 Project”。 此 时 会 出 现 项 目 模板 选择 面板 ， 在 面板 的 左 侧 选 择 开发 项 目的 目标 平台 。 利 用 Xcode 不 仅 可 以 开 
发 i05 项 目 ， 还 可 以 开发 OS X 应 用 程序 。 


步骤 2 ”在 确定 jiOS 中 的 Application 类 别 后 ， 在 右 侧 的 主 面板 中 会 列 出 几 种 基本 的 项 目 模板 。 选 择 “Single View Application” 模 板 ， 如 图 1-10 所 示 。 该 模板 只 提供 一 个 用 于 显示 的 视图 和 一 个 管理 这 
个 视图 的 控制 器 ， 而 且 视 图 一 般 会 存储 在 故事 板 或 nib 文 件 中 。 除 此 以 外 ， 该 模板 还 包含 了 一 个 应 用 程序 委托 类 型 (UlApplicationDelegate) 的 对 象 ， 它 用 于 响应 一 些 系统 事件 ， 比 如 应 用 程序 的 启动 、 进 
入 到 后 台 和 程序 终止 退出 等 。 


Choose a template for your new project: 


iOS 
Application 1 
Framework & Library 
Other Master-Detail Page-Based Single View Tabbed 
Application Application Application Application 
OS X 


Application 
Framework & Library 


* E 


System Plug-in 
Other 


Single View Application 


This template provides a starting point for an application that uses a single view. It provides 
a view controller to manage the view, and a storyboard or nib file that contains the view. 


Ne T 


图 1-10 选择 项 目 模板 
在 这 里 我 们 对 Application 中 所 列 出 的 项 目 模板 进行 简单 介绍 。 


: Master-Detail Application: 创建 一 个 基于 列表 的 应 用 程序 。 当 我 们 从 主 列表 中 选择 一 个 条 目 后 ， 就 会 在 另 一 个 视图 中 显示 相应 的 详细 内 容 。 此 模板 还 会 提供 一 个 返回 按钮 让 用 户 可 以 从 详细 视图 返回 到 
主 列表 。 在 苹果 内 置 的 邮件 应 用 和 很 多 的 新 闻 类 应 用 中 我 们 可 以 看 到 该 技术 ， 当 用 户 点 击 列 表 中 的 某 条 新 闻 后 ， 就 可 以 看 到 详细 的 新 闻 内 容 。 当 该 模板 用 在 iPad 项 目 中 的 时 候 ， 会 形成 分 离 的 视图 效果 。 


: Page-based Application: 使 用 页 面 视 图 控制 器 (page view controller) 创建 的 项 目 模板 ， 用 户 可 以 在 屏幕 上 进行 翻 页 。 
` Single View Application: 创建 一 个 基本 的 应 用 程序 模板 ， 它 包含 一 个 单独 的 视图 和 相应 的 视图 控制 器 。 


` Tabbed Application: 创建 一 个 有 标签 栏 的 应 用 程序 。 在 一 般 情况 下 ， 标 签 栏 会 包含 几 个 不 同 的 类 别 并 出 现在 屏幕 的 下 方 。 当 用 户 进 行 选择 时 ， 就 会 显示 不 同 的 视图 。iPhone 中 的 电话 应 用 程序 就 使 用 了 
该 技术 ， 使 用 它 的 用 户 可 以 在 个 人 收藏 、 最 近 通 话 、 通 讯 录 、 拨 号 键盘 和 语音 留言 之 间 切 换 。 


. Game: 如 果 你 想 开 发 一 款 游戏 项 目 ， 就 可 以 使 用 该 模板 。 在 之 后 的 配置 选项 中 ， 还 可 以 选择 使 用 SceneKit、SptiteKit、OpenGL ES 或 Metal 技 术 。 
步骤 3 点 击 “Next” 按 钮 后 ， 需 要 指定 以 下 几 个 配置 选项 。 


: Product Мате: 应 用 程序 的 名 称 。 例 如 ， 我 们 想 创建 一 个 交互 应 用 ， 就 可 以 指定 Product Name 为 “HelloWorld”。 按 照 “ 潜 规 则 ”， 在 定义 Product Name 的 时 候 ， 可 以 忽略 单词 间 的 空格 ， 而 每 个 单词 
的 首 字母 要 大 写 (不 是 必需 的 ) o Product Name 在 项 目 开 发 的 过 程 中 是 可 以 修改 的 ， 但 同时 它 也 是 一 个 非常 重要 的 细节 ， 所 以 名 字 和 功能 要 尽量 保持 一 致 。 


. Organization Name: 不 管 你 是 一 个 独立 开发 者 还 是 软件 公司 的 某 个 开发 部 门 ， 你 需要 指定 一 个 组 织 机 构 或 单位 的 名 称 。 这 里 ， 我 们 可 以 随意 起 一 个 名 字 。 但 是 如 果 你 想 要 将 应 用 程序 提交 到 App Store, 
就 需要 填写 正确 的 信息 内 容 ， 虽 然 不 是 必需 ， 但 是 笔者 强烈 推荐 填写 。 此 外 ， 每 当 我 们 在 项 目 中 新 建 一 个 文件 ， 组 织 名 称 都 会 出 现在 文件 顶部 的 版 权 详细 信息 中 。 


: Organization Identifier: 组 织 标识 ， 如 果 我 们 计划 将 应 用 程序 发 布 到 App Store， 这 个 设置 非常 重要 。 例 如 ， 将 应 用 程序 发 布 到 App Store， 就 需要 指定 一 个 App ID 和 Bundle Identifier; JÉ Ф Bundle Identifier 
就 依赖 于 这 个 Organization Identifier; Organization Identifiet 的 格式 为 一 个 反 向 域名 ， 这 里 我 们 将 其 设置 为 cn.ptoject。 


: Bundle Identifier: 我 们 不 能 编辑 此 选项 ， 它 完全 依赖 于 Organization IdentifierfeProduct Name; 


- Language: 这 是 在 Xcode 6 中 的 一 个 新 选择 ， 因 为 苹果 推出 了 一 个 全 新 的 编程 语言 Swift， 所 以 在 项 目 中 我 们 可 以 选择 使 用 Objective-C 还 是 Swift。 在 HelloWotrld 项 目 中 设置 为 Swift。 


: Devices: 选择 iPhone， 代 表 应 用 程序 项 目 是 专门 为 iPhone (包含 iPod Touch) 设备 开发 的 。 如 果 选 择 Univetsal， 则 代表 该 项 目 可 以 同时 支持 iPhone 和 iPadqd 设 备 。 
: Use Core Data: 该 复 选 框 指 定 项 目 是 否 支持 Cote Data, Jw Ж 2) Ж Соге Data， 则 可 以 在 项 目 中 使 用 数据 库 特 性 。 


设置 完成 的 配置 选项 面板 如 图 1-11 所 示 ， 确 认 无 误 后 点 击 “Next” 按钮。 


Choose options for your new project: 


Product Name: HelloWorld 


Organization Name:  liuming 
Organization Identifier: cn.project 
Bundle Identifier: cn.project.HelloWorld 
Language: Swift 
Devices: iPhone 


Use Core Data 


Previous 


图 1-11 在 项 目 选 项 面板 中 设置 选项 


步骤 4 接 下 来 会 询问 保存 项 目的 本 地 位 置 ， 可 以 将 它 保存 到 任意 的 位 置 上 。 


步骤 5 注意 到 在 项 目 保存 面板 中 的 底部 有 一 个 “Create git repository on” 选 项 ， 当 我 们 希望 创建 一 个 本 地 仓库 的 时 候 可 以 勾 选 此 项 ， 在 默认 情况 下 它 是 未 勾 选 的 。 如 果 我 们 是 以 团队 形式 进行 多 人 
项 目 开 有 友 ， 推 荐 勾 选 此 项 。 


步骤 6 最 后 点 击 “Create” 按 钮 创建 HelloWorld 项 目 。 


在 创建 好 项 目 以 后 ， 就 会 看 到 Xcode 的 工作 界面 。 在 界面 的 最 上 方 是 工具 栏 ， 其 下 方 分 别 包含 导航 区 域 、 编 辑 区 域 、 调 试 区 域 和 实用 工具 区 域 四 部 分 ， 如 图 1-12 所 示 。 其 实 Xcode 工 作 界面 的 每 个 区 域 
还 有 更 细致 的 划分 。 接 下 来 ， 我 们 将 会 针对 每 个 区 域 进 行 详细 介绍 。 


өзө b ph H...d ) | iOS Device HelloWorld: Ready | Today at 上 午 11:23 
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Y | HelloWorld бу жшн} дей А € L LOPOF Mame AppDelegate.swift 
2 // Created by #0] on 14/8/4. // Created by ЁЗ] on 14/874. Type Default - Swift Source “Ë 
m ; // Copyright (c) 2014#= liuming. ALL rights ff Copyright ic) 2014 liuming. All rights 
3 ViewGorntroller_ swift adig de g 9 veis Mà 9 = Location Relative to Group 
8 Main.storybaard ГРА М AppDelegate.awift - 


= sisi ide: import UIKit import UIKit Full Path /Users/liuming/360 =/= 88 
Ф = Supporting Filas iPhonaed Swift Tr X EL ЛЕ 
b О HelloWorldTests class ViewCpontroller: üIViewcontroller f gulApplicationMain BR um—s/HellaWorld/ 
F Products | class AppDelegate: UIResponder, HalloWorld/ 
override func viewDidLoadi() 1 UlApplicatianDelegate 1 AppDelegata. swift 
super ,viewDidLoadl) 
псы: UIWindow? 


ERN 区 域 | iens rie eh 5 编辑 区 域 I Sh 用 T A 
4 


pplicationlapplication: 
override func didReceiveMemoryWarning[) UIApp lication!, ы 
super.didReceiveMemoryWarningl) didFinishLaunchingWithüpt ions [х juny 
// Dispose of any resources that can be launcihüptions: NSDictionary!) -> Bool í - 


recreated. // Override paint far customization Text 8 


after application launch. Text Encoding Default = Unicode [LITF-B) 


return true 
Lina Endings Default - OS X / Unix (LF) "m 


func Indent Using Spaces 
applicationWillResignActive[application 
UIApplication!) 4 
// Sent when the application is about t 
move from active to inactive state, 


———— š Cocoa Touch Class - А Cocoa 
Ма Selection Touch class 


Ja ix 区 tak Г implementing a unit test —- 


Playground = A Playground 


图 1-12 Xcode 的 工作 界面 


1.3.2 Xcode 的 工具 栏 
相 比 于 Xcode 5, Xcode 6 的 工具 栏 布局 发 生 了 较 大 的 变化 。 最 左 侧 变 成 了 操作 窗口 的 三 个 按钮 ， 接 着 是 运行 和 终止 按钮 。 接 下 来 是 产品 配置 方案 (Schemes) ， 其 中 包含 了 构建 配置 选择 器 ， 后 面 是 


一 个 信息 窗 ， 最 右 侧 是 Editor 和 View 选 项 。 虽 然 Xcode 6 整个 工具 栏 所 呈现 的 按钮 数量 远 远 少 于 其 他 的 IDE 开 发 工具 ， 但 是 这 并 不 会 让 开发 者 在 使 用 时 感觉 不 方便 。 苹 果 化 繁 至 简 的 理念 贯穿 于 其 所 有 的 软 硬 
件 产品 之 中 ， 花 费 的 心思 可 见 一 斑 。 


1.3.3 “号 航 区 域 


Xcode 的 导航 区 域 位 于 工作 界面 的 左 侧 ， 整 个 区 域 共 包含 8 种 不 同 的 导航 模式 ， 如 图 1-13 所 示 。 除 了 可 以 点 击 相应 按钮 切换 不 同 导 航模 式 以 外 ， 还 可 以 通过 Command+1 至 Command+8 快 捷 键 或 在 菜 
单 中 选择 “View 一 Navigators” 进 行 切 换 。 


HelloWorld 
2 targets, iOS SDK 8.0 


т | HelloWorld 
з AppDelegate.swift 
з ViewController.swift 


图 1-13 Xcode 导航 区 域 中 的 8 种 导航 方式 


所 有 的 导航 器 都 具有 过 滤 和 范围 限定 功能 ,该 功能 大 多 位 于 导航 区 域 的 底部 (只 有 搜索 导航 位 于 顶部 ， 导 航 切 换 按 钮 的 下 面 ) 。 我 们 可 以 通过 Command+Option+J 快 捷 键 访问 它 。 在 按 下 该 快捷 键 以 
后 ， 编 辑 光 标 就 会 出 现在 过 滤 框 之 中 ， 而 且 该 快捷 键 适用 于 所 有 8 种 导航 方式 。 


1. 项 目 导 航 器 


项 目 导 航 器 (Project Navigator) 会 显示 项 目的 所 有 内 容 ， 通 过 树 形 结构 ， 将 一 些 相关 的 文件 组 织 到 类 似 于 文件 夹 的 组 之 中 。 从 名 称 就 可 以 猜 到 ， 项 目 导 航 可 以 帮助 我 们 快速 定位 源 代码 文件 、 框 架 文 
件 和 项 目 目标 ， 如 图 1-14 所 示 。 


2 targets, iOS SDK 8.0 


=== = === Jr = 


HelloWorld 
3 AppDelegate.swift 
3 VMiewController.swift 


Main.storyboard 


{J Images.xcassets 
> Supporting Files 
HelloWorldTests 

Products 


图 1-14 项 目 导 航 器 中 的 树 形 结构 列表 


若 要 在 项 目 中 创建 一 个 新 组 (Group) ， 我 们 可 以 在 项 目 导航 中 点 击 鼠 标 右键 选择 一 个 现存 的 节点 ， 然 后 在 快捷 菜单 中 选择 “New Group”。 也 可 以 通过 拖 电 方 式 将 文件 移出 或 移入 某 个 组 ， 但 需要 说 
明 的 是 ， 在 项 目 导 航 中 移动 文件 并 不 会 改变 本 地 磁盘 中 文件 的 物理 存储 位 置 。 


要 想 删 除 一 个 文件 ， 我 们 只 要 在 该 文件 上 按 Delete 键 即 可 。 此 时 ，Xcode 会 询问 要 删除 本 地 磁盘 中 的 物理 文件 ， 还 是 只 删除 在 项 目 导 航 中 对 文件 的 引用 。 删 除 组 的 操作 与 文件 相同 ， 只 不 过 删除 一 个 组 
时 ， 会 删除 组 中 的 所 有 文件 。 


虽然 我 们 可 以 在 项 目 导航 中 随意 创建 任意 数量 的 组 ， 但 是 有 三 个 组 是 在 应 用 程序 创建 的 时 候 就 已 经 存在 的 。 第 一 个 是 项 目 组 ， 它 与 我 们 创建 的 项 目 名 称 相 同 ， 其 中 包含 了 所 有 的 代码 文件 和 资源 。 第 二 
个 是 测试 (Tests) 组 ， 其 中 包含 了 项 目的 测试 代码 。 第 三 个 是 产品 (Products) 组 ， 其 中 包含 了 真正 的 iOs 应 用 程序 。 


在 项 目 导 航 器 的 最 下 方 有 一 组 图 标 ， 通 过 这 组 图 标 我 们 可 以 过 滤 显示 在 项 目 导航 中 的 内 容 ， 如 图 1-15 所 示 。 其 中 ， 通 过 第 一 个 增加 新 文件 的 按钮 ， 我 们 不 仅 可 以 为 项 目 创建 一 个 新 的 文件 ， 还 可 以 将 项 
目 位 置 以 外 的 文件 添加 到 当前 项 目 中 。 


曾 加 新 文件 到 项 目 中 
只 显示 最 近 编辑 过 的 文件 


输入 而 要 过 涛 的 文件 名 各 


只 显示 归属 于 版 本 控制 的 文件 


图 1-15 项 目 导 航 器 中 最 下 方 的 图 标 按钮 功能 


2. 符 号 导航 器 


通过 Command+2 快 捷 键 可 以 跳 转 到 符号 导航 器 (Symbol Navigator) 。 符 号 导航 器 可 以 帮助 我 们 快捷 地 定位 项 目 中 的 某 个 类 、 方 法 或 属性 。 因 为 从 Xcode 4.5 以 后 ，LLVM 编 译 器 使 用 了 Clang 作 为 
前 端 ， 所 以 在 符号 导航 中 浏览 类 、 方 法 和 属性 的 速度 要 快 很 多 。 


3. 搜 索 导航 器 


除了 可 以 使 用 Command+ 3 快捷 键 切 换 到 搜索 导航 器 (Search Navigator) 以 外 ， 我 们 还 可 以 使 用 Command+Shift+F 快 捷 键 快速 进入 搜索 功能 。 使 用 搜索 导航 器 可 以 帮助 我 们 在 指定 的 范围 内 搜索 
指定 的 内 容 ， 搜 索 结果 将 会 显示 在 其 下 方 的 区 域 中 ， 如 图 1-16 所 示 。 


[1 ка Q Â = D c] 
Find » Text » Containing 
Qr view e 
"== [n HelloWoarlcd lgnoring Case v 


7 results in 2 files 
- 8 Main.storyboard 
= HelloWorld project 
O View Controller: Class = "ViewController" 
ViewController.sawift 
^ HelloWorld project 


Y 


ewüContraller.sawift 
=| cl ;ontroller: UlViewController | 
class ViewController: UlViewController { 
= override func viewDidLoad() ( 
= super .viewDidLoad() 


// Do any additional setup after loading the 
view, typically from a nib. 


1-16 搜索 导航 器 的 工作 界面 


点 击 搜索 框 上 方 的 Find 字 段 ， 之 后 可 以 在 Find 和 Replace 之 间 切 换 。 以 Find 模 式 为 例 ， 其 中 包含 了 四 种 不 同 的 搜索 范围 : Text (项 目 中 的 所 有 文本 ) 、References (项 目 中 所 有 的 引用 ) 、 
Definitions (项 目 中 所 有 自 定 义 的 ， 不 包含 从 外 部 引用 的 ) . Regular Expression (正则 表达 式 ) 。 除 第 四 项 以 外 ， 它 们 又 都 包含 四 种 不 同 的 搜索 方式 : Containing (包含 ) Matching (匹配 ) 、 
Starting with (从 开头 搜索 ) 、Ending with (从 结尾 搜索 ) ， 如 图 1-17 所 示 。 


> =] 


Containing 


Matching 
Definitions Staring with 
Regular Expression Ending with 


图 1-17 限定 搜索 方式 


另外 ， 在 搜索 框 的 下 方 左右 两 侧 各 有 一 个 字段 可 以 进行 切换 。 当 点 击 “In Project” 以 后 ， 导 航 部 分 会 被 切换 到 范围 选择 界面 ， 我 们 可 以 在 这 里 确定 在 项 目 中 搜索 或 替换 的 范围 。 当 点 击 右 侧 
的 “lgnoring Case" 后， 可 以 在 忽略 大 小 写 和 匹配 大 小 写 之 间 进 行 切换 。 


4. 问 题 导航 器 


当 我 们 构建 项 目的 时 候 ， 编 译 器 所 产生 的 警告 、 错 误 消 息 和 分 析 警 告 会 显示 在 问题 导航 器 (Issue Navigator) 之 中 。 在 列表 中 选择 某 个 警告 或 错误 后 ， 代 码 编辑 器 丈 会 快速 定位 对 应 文件 中 有 问题 的 那 
行 代码 。 


5. 测 试 导 航 器 


使 用 Comm and+5 快 捷 键 可 以 切换 到 测试 导航 器 (Test Navigator) 。 单 元 测试 对 软件 开发 平台 来 说 是 非常 重要 的 一 个 方面 。 毕 竟 ， 单 元 测试 可 以 帮助 我 们 修复 程序 中 的 Bug 以 及 找到 运行 时 意外 裔 溃 
的 原因 。 如 果 提 交 到 App Store 中 的 应 用 程序 在 运行 时 总 是 出 现 骨 省 的 情况 ， 那 么 苹果 在 审核 时 会 毫 不 犹豫 地 将 之 拒绝 。 


6. 调 试 导 航 器 


使 用 Command+ 6 快捷 键 可 以 切换 到 调试 导航 器 (Debug Navigator) 。 它 除了 可 以 监控 CPU 和 内 存 的 使 用 情况 以 外 ， 还 可 以 监控 磁盘 的 读 写 情 况 和 应 用 程序 在 网 络 方面 的 接收 发 送 情况 。 更 重要 的 
， 我 们 可 以 通过 它 来 监控 应 用 程序 每 个 线程 的 队列 执行 情况 。 使 用 调试 导航 器 可 以 帮助 我 们 了 解 线程 中 对 象 、 函 数 的 前 后 调用 关系 。 


HII 


7. 断 点 导航 器 


INNO 


值得 注意 的 是 ， 我 们 可 以 在 断 点 导航 器 中 共享 断 点 用 于 其 他 的 项 目 。 在 列表 中 选择 某 个 断 点 后 点 击 鼠 标 右键 ， 选 择 “share Breakpoints” 即 可 。 
8. 日 志 导 航 器 
当 我 们 在 日 志 导 航 器 (Log Navigator) 中 选择 一 个 构建 条 目的 时 候 ， 它 的 结果 会 显示 在 编辑 区 域 之 中 。 如 果 双 击 其 中 的 警告 和 错误 ， 还 可 以 直接 在 代码 编辑 器 中 将 其 打开 。 当 我 们 点 击 日 志 最 后 面 的 


命令 行 图 标 时 ， 还 可 以 看 到 更 详细 的 信息 日 志 ， 帮 助 我 们 查找 问题 和 错误 ， 如 图 1-18 所 示 。 


ы Ба À O = D | = | < jh HelloWorld ; Build HelloWorld : 下 午 2:20:55 


By Time All All Messages Errors Only 


‚ „à, HelloWorld | = Build target HelloWorld 
“人 天 下午 2220 Project HelloWorld | Configuration Debug | Destination iOS Device | SDK iOS 8.0 


Ps Build т @ Check dependencies 
今天 下 午 2:20 


@ No code signing identities found: No valid signing identities (i.e. certificate and private 
O CodeSign error: code signing is required for product type 'Application' in SDK 'iOS 8.0 


Build failed 14/8/5 T-7F2:20 
2 errors 


图 1-18 H £ ALPES E 


134 ”编辑 区 域 


编辑 区 域 的 功能 相信 大 家 都 很 清楚 ， 它 用 于 编辑 项 目 中 各 种 类 型 的 文件 。Xcode 6 提供 了 3 种 不 同类 型 的 编辑 模式 。 我 们 可 以 通过 工具 栏 中 的 Editor 选 择 器 进行 切换 ， 如 图 1-19 所 示 。 除 了 标准 编辑 器 
(Standard editor) 以 外 ， 另 外 两 个 分 别 是 助手 编辑 器 (Assistant editor) 和 版 本 编辑 器 (Versions editor) 。 


91-19 ”工具 栏 中 的 Editor 选 择 器 


在 选择 助手 编辑 器 以 后 ， 编 辑 区 域 会 被 分 割 为 左右 两 个 编辑 窗口 。 我 们 经 常会 使 用 助手 编辑 器 从 Interface Builder (搭设 用 户 界面 的 工具 ) 增加 IBAction 或 1BOutlet 声 明 到 代码 文件 之 中 并 建立 相应 的 
关联。 


Xcode 的 版 本 编辑 器 可 以 帮助 我 们 轻松 对 比 两 个 不 同 版 本 的 源 代码 。 如 果 项 目 使 用 的 是 Git 或 SVN， 我 们 就 可 以 通过 编辑 器 对 比 当前 正在 编辑 的 文件 和 仓库 中 保存 的 之 前 版 本 代码 的 不 同 。 


1.3.5 ”实用 工具 区 域 


实用 工具 区 域 位 于 整个 工作 界面 的 右 人 出 ， 它 分 为 上 下 两 个 部 分 。 上 面 的 部 分 是 检视 窗 ， 下 面 则 叫做 库 ， 如 图 1-20 所 示 。 


[1 © V B 


Identity and Type 
Name Main.storyboard 
Type Default - Interface Build... 


Locat Му ЭП 


Main.storyboard 


Full Path Pega xL 我 的 
ЕТЕ E JEU 
у — HelloWorld 
HelloWorld/Basa. Iproj/ 
Main.storyboard 


Cocoa Touch Class - A Cocoa 
Touch © 


Test Case Class - А class 


Playground - A Playground 


Swift File - An empty Swift fila 


图 1-20 Xcode 中 实用 工具 区 域 的 上 下 两 部 分 
检视 窗 可 以 帮助 我 们 对 编辑 器 里 选中 的 对 象 进行 属 性 、 行 为 等 方面 的 设置 ， 如 控件 的 大 小 、 位 置 、 背 景色 、 字 体 的 样式 和 字号 的 大 小 等 。 
在 实用 工具 区 域 的 下 半 部 中 又 分 为 文件 模板 库 、 代 码 片 段 库 、 对 象 库 和 媒体 库 四 个 部 分 ， 我 们 可 以 使 用 Control+Option+Command+ (1~4) 快捷 键 进行 切换 。 
1. 文 件 模板 库 
文件 模板 库 (File Templates Library) 提供 了 在 我 们 在 开发 中 经 常会 用 到 的 一 些 文 件 模板 。 若 要 使 用 它们 ， 直 接 用 鼠标 将 其 拖 忠 到 项 目 导航 中 相应 的 位 置 即 可 。 


我 们 可 以 更 改 模板 库 的 显示 方式 为 图 标 方式 或 图 标 加 文字 说 明 的 方式 ， 如 图 1-21 所 示 ， 只 要 点 击 其 左下 角 的 图 标 即 可 。 


OD uUo 


Cocoa Touch Class - A Cocoa 
Touch class 


Test Case Class - A class 
implementing a unit test 


Playground - A Playground 


Swift File - An empty Swift file 


91-21 库 区 域 中 的 文件 模板 库 


Oez 在 选择 某 个 文件 模板 以 后 ， 会 在 当前 选择 条 目的 左 侧 显示 一 个 信息 窗口 ， 其 中 包含 了 该 文件 模板 的 功能 描述 ， 我 们 可 以 通过 它 来 获取 文件 模板 的 相关 信息 。 
2. 代 码 片 段 库 
代码 片段 库 (Code Snippets Library) 中 包含 了 一 段 段 可 以 在 应 用 程序 中 复 用 的 代码 ， 当 我 们 需要 使 用 它 的 时 候 ， 直 接 用 鼠标 将 其 拖 蝶 到 文件 中 相应 的 位 置 即 可 。 


另外 ,我们 还 可 以 创建 自己 的 可 复 用 的 代码 片段 ， 并 将 其 添加 到 代码 片段 库 之 中 。 在 代码 编辑 器 中 选择 一 段 代 码 ， 然 后 将 其 拖 蝶 到 代码 库 之 中 ， 最 后 在 自动 打开 的 片段 编辑 器 中 编辑 必要 的 信息 即 可 ， 
如 图 1-22 所 示 。 如 果 想 删除 自 定义 的 代码 片段 ， 选 中 相应 条 目 按 Delete 键 即 可 。 


import UIKit te Е 

| ] E/360z, #9 

class ViewController: UIViewController 1 Tite My Code Snippet | 的 Phone 教 程 /Swift 开 夫 教 程 / 
{2 | FERA BE — HelloWorld 

override func viewDidLoad() 1 User| Summary HelleWorld/ 


super,.viewDidLoad() m Platform | All >| Language | Swift = ViewContrnllar swift 
// Do any additional setup after l 
campletion Shortcut 


for var i = 8; i < 18; i++ í ПП {} @ m 


printlnii) Completion Scopes | Тор Level _ 


for var і = 6; і < 16; i+} d 
} println(i) ( 


3 , My Code Snippet 
User] 


override func didReceiveMemoryWarningl; 
super,.didReceiveMemoryWarning(! 
// Dispose of any resources that ci 
1 


91-22 ”创建 自 定义 的 代码 片段 


©». 如 果 我 们 增加 了 新 的 代码 片段 或 编辑 了 已 有 的 代码 片段 。 这 些 片段 图 标 会 被 打上 一 个 User 标 记 ， 用 以 区 分 用 户 自 定义 的 和 系统 自 带 的 代码 片段 。 
3. 对 象 库 


对 象 库 (Object Library) 中 包含 了 各 种 供 Interface Builder 使 用 的 可 视 化 对 象 ， 如 图 1-23 所 示 。 


View Controller - A controller that 
supports the fundamental view- 
management model in 105. 


Mavigation Controller - 
controller that manages navigation 
through a hierarchy of views. 


Table View Controller - A 
controller that manages a table view. 


Tab Bar Controller - A controllar 
that manages a set af view controllers 
that represent tab bar items. 


图 1-23” 库 区 域 中 的 对 象 库 
4. 媒 体 库 


媒体 库 (Media Library) 包含 了 项 目 资源 文件 夹 中 的 图 像 和 图 标 等 媒体 资源 ， 通 过 其 下 方 的 搜索 栏 ， 我 们 可 以 快速 定位 那些 指定 的 媒体 资源 。 


14 ”使 用 代码 编辑 器 
回 到 刚刚 创建 的 HelloWorld 项 目 ， 此 时 在 项 目 导航 中 可 以 看 到 以 下 3 个 文件 : AppDelegate.swift、ViewControllerswift、Main.storyboard 故 事 板 文件 。 当 然 还 有 一 些 其 他 文件 存在 于 项 目 之 中 (ke 
如 Images.xcassets 文 件 夹 ) ， 我 们 暂时 先 不 去 管 它们 。 


步骤 1 在 项 目 导航 中 选择 顶部 的 HelloWorld 条 目 ( 蓝 色 图 标的 ) ， 在 编辑 区 中 选择 “General” 标 签 ， 然 后 在 下 面 的 Deployment Info 部 分 的 “Device Orientation” 中 只 勾 选 “Portrait” 选 项 ， 如 
图 1-24 所 示 。 


т с ENS © HelloWorld 


РЧ ое T П Ан..а — General Capabilities Info Build Settings 


Y СЭ HelloWorld yr 
AppDelegate.swift 


3 MiewController.swift 
|E] Main.storyboard Deployment Target 8.0 


Images.xcassets | | 
Ыш g Devices iPhone 


ь О Supporting Files 
» 2 HelloWorldTests 
> | Products Main Interface Main 


Device Orientation Portrait 
Upside Down 
| Landscape Lefi 
Landscape Right 


图 1-24 设置 iPhone 的 允许 方向 


步骤 2 在 项 目 导航 中 选择 AppDelegate.swift 文 件 ， 并 在 编辑 区 查看 其 代码 。 
当 iOS 系 统 要 与 我 们 所 创建 的 应 用 程序 有 “交流 ”的 时 候 就 会 用 到 AppDelegate 类 ， 它 负责 管理 应 用 程序 的 系统 级 事件 的 响应 。 比 如 ， 当 应 用 程序 开始 运行 的 时 候 就 会 调用 application ( : 
didFinishLaunchingWithOptions: ) 方法 ， 进 而 执行 我 们 在 该 方法 中 所 定义 的 代码 。 而 当 用 户 在 应 用 程序 运行 时 点 击 Home 键 的 时 候 ， 就 会 调用 applicationDidEnterBackground ( : ) 方法 。 
© 借助 mp Bar 可 以 快速 定位 类 中 的 某 个 方法 ，Jump Bar 位 于 编辑 区 域 的 顶端 ， 它 会 显示 项 目 导 航 中 选 定 文件 的 全 路 径 。 我 们 可 以 点 击 其 中 的 任何 一 部 分 进行 快速 切换 ， 比 如 点 击 
AppDelegate.swift 最 后 一 部 分 的 AppDelegate 就 可 以 快速 定位 application (_: didFinishLaunchingWithOptions: ) 方法 ， 如 图 1-25 所 示 。 


步骤 3 ”在 项 目 导 航 中 选择 ViewControllerswift， 定 位 到 viewDidLoad () 方法 并 添加 下 面 标 粗 体 的 内 容 。 


Г AppDelegate 
iPhone 5s HelloWorld | Build HelloWorld: Succeeded | App] 
| [3] window 


[5 HelloWorld > 88 HelloWorld ^ š AppDelegate. eB application( :didFinishLaunchingWithOptions:) 
[ M applicationWillResignActive( :) 


AppDelegate,swift ГҮ] applicationDidEnterBackground( :) 


HelloWorld 
С applicationWillEnterForeground( :) 


Created by #1] on 14/8/4. RC PE E 
Copyright (с) 20143 liuming. All rights resen Г applicationDidBecomeActive( :) 
С applicationWillTerminate( :) 


图 1-25 ”通过 Jump Bar 快 速 定位 指定 类 的 指定 方法 


override func viewDidLoad() { 
super.viewDidLoad() 
self.view.backgroundColor = UlIColor.yellowColor() 

let label = UILabel (frame: 


CGRect(x: 10, y: 170, width: 300, height: 50)) 
label.text = "欢迎 来 到 iPhone 应 用 程序 开发 的 世界 ! " 
label.textColor = UIColor.redColor() 
self.view.addSubview (label) 


© т. 除了 可 以 在 Jump Bar 中 快速 定位 viewDidLoad () 方法 以 外 ， 我 们 还 可 以 使 用 符号 导航 器 (Command+2 快 捷 键 ) 快速 找到 ViewController 类 中 的 viewDidLoad () 方法 。 


步骤 4 ”确定 没有 产生 任何 警告 和 错误 后 ， 在 Xcode 6 工具 栏 的 左 侧 ，“Stop” 按 钮 的 右 侧 有 一 个 模拟 设备 的 选项 ， 确 定 是 iPhone 5， 点 击 工具 栏 中 的 Run 按 钮 (或 使 用 Command+R 快 捷 键 ) 编译 和 
运行 应 用 程序 项 目 。 


在 点 击 Run 以 后 ，Xcode 工 具 栏 的 信息 窗口 中 会 报告 项 目 编译 的 进程 ， 如 果 在 编译 的 过 程 中 发 现任 何 问 题 或 错误 ， 则 编译 失败 。 在 编译 成 功 以 后 ， 将 打开 iOS 模 拟 器 ， 应 用 程序 的 运行 效果 如 图 2-19 所 


个 \。 
© 提示 ”除了 可 以 在 模拟 器 中 运行 ， 如 果 有 条 件 ， 我 们 还 可 以 在 iOS 真 机 上 运行 该 项 目 。 这 需要 我 们 加 入 到 iOS 开 发 者 计划 ， 也 就 是 需要 向 革 果 支付 每 年 688 元 人 民 币 的 费用 (以 前 是 09 美元 ， 现 在 支 
持 人 民 币 支付 ， 而 且 还 能 开具 发 票 ) 。 
如 果 你 是 第 一 次 接触 iOS 开 发 ， 看 到 自己 所 编写 的 程序 项 目 在 模拟 器 中 运行 ， 那 将 是 一 件 令 人 非常 高 兴 的 事情 。 打 开 的 这 个 软件 叫做 iOS 模 拟 器 ， 它 在 iOS 的 开发 过 程 中 是 必 不 可 少 的 。 接 下 来 向 大 家 介 
绍 iOS 模 拟 器 的 有 关 知 识 。 


IOS Simulator - iPhone 5 - iPhone 5 / iOS 8.0 L.. 


Garner = 
| 


欢迎 来 到 iPhone 应 用 程序 开发 的 世界 ， 


图 1-26 Hello Wotld 项 目 在 iOS 模 拟 器 中 的 运行 效果 


1.5 iOS 模 拟 器 


iOS 模 拟 器 是 一 个 运行 在 Mac 上 面 的 应 用 程序 ， 它 允许 我 们 在 不 使 用 iOS 真 机 设备 的 情况 下 调试 所 编写 的 程序 项 目 。 它 属于 iOS SDK 的 一 部 分 ， 所 以 在 安装 Xcode 的 时 候 会 直接 被 流入 Mac 系 统 之 中 。 当 
我 们 在 Xcode 中 运行 应 用 程序 时 ， 可 以 选择 项 目 是 在 模拟 器 中 运行 还 是 在 真 机 上 面 运行 。 如 果 选 择 模 拟 器 ， 则 Xcode 会 在 成 功 编译 代码 以 后 自动 将 其 打开 。 


下 面 来 设置 HelloWorld 项 目的 运行 设备 。 


1) 点 击 工具 栏 中 停止 按钮 右 侧 的 Scheme 字 段 ， (项 目 名 称 右 侧 ，“>” 后 面 的 部 分 ) ， 此 时 弹出 的 菜单 中 列 出 了 iOS Device, iPhone 4s, iPhone 5, iPad 2, iPad Retina, iPad Air 等 可 选项 ， 如 
图 1-27 所 示 。 


e^» b „М H.. > l os Device 10ne 5 


m. ` nm" | -—— T 
паа A © > 1| bh W 189 iPad mini (deployment target) intimam 


HelloWorld 
Y Ё. targets, iOS SDK 8.0 
Y HelloWorld @ iPad? 
x AppDelegate.swift iPad Air | 
E ViewControllaer.swift | m iPad Retina HN erem. 


Е) Main.storyboard 
СШ Images.xcassets 
p Supporting Files 
> :HelloWorldTests 
> Sl Products BR Resizable iPad 
BB Resizable iPhone 


8B iPhone 45 
v WB iPhone 5 
G iPhone 5s 


self.view.backgroundColor = UlIColor.yellowColo 
let label = UILabel(frame: CGRect(x: 18, y: 174 


1-27 Scheme T f$ $e d X e 


© 说 明 ”从 Xcode 6 开始 ， 我 们 就 不 能 在 iOS 模 拟 器 中 模拟 iPhone 4s 之 前 的 设备 以 及 第 一 代 iPad 设 备 了 ， 因 为 这 些 设备 无 法 支持 iOS 7 以 上 的 系统 。 


1.5.1 _ iOS 模拟 器 的 特性 


我 们 可 以 使 用 iOS 模 拟 器 模拟 不 同 的 设备 ， 其 中 包括 iPhone 和 iPad 系 列 产 品 。 在 系统 版 本 方面 ，Xcode 6 只 支持 iOS 7 和 iOS 8。 模 拟 器 在 运行 的 时 候 ， 可 以 通过 菜单 中 的 “Hardware 一 Device” 来 改变 
iOS 的 版 本 ， 如 图 1-28 所 示 。 


@ 提示 如 果 需 要 安装 其 他 不 同 版 本 的 iOS SDK， 需 要 在 Xcode 菜单 中 选择 “Preferences>Downloads 一 Components”， 之 后 选择 相应 的 版 本 下 载 即 可 。 


iOS Simulator File Edit ЕШШ Debug Window Нер 
чш 


| iPhone 4s 
. iPhone 5 
|». iPhone 5s 
iPad 2 
iPad Retina 


iPad Air 


.  Resizable iPhone 
. Resizable iPad 


图 1-28 在 iOS 模 拟 器 中 选择 模拟 不 同 的 iDS 版 本 


通过 “Hardware 一 Device” 菜 单 操作 ， 我 们 可 以 在 模拟 器 中 切换 不 同 的 设备 。 根 据 iOS 版 本 的 不 同 ， 所 模拟 的 设备 也 有 所 不 同 。iOS 8.0 比 7.1 增 加 了 Resizable iPhone 和 Resizable iPad 两 个 选项 ， 据 
说 这 两 个 选项 与 'OS 8 可 能 加 入 的 多 窗口 操作 有 关 。 


通过 iOS 模 拟 器 菜单 中 的 “Rotate Left" (Command+ 一 快捷 键 ) 或 “Rotate Right" (Command+ 一 快捷 键 ) 来 调整 模拟 器 的 方向 ， 如 图 1-29 所 示 。 


ЕЦ» ЕЦ Debug Window Нер 
Device ы 


Hotate Left 
Hotate Hight 
|». ehake Gesture er T4 


|. Home ОН 
| Lock ra L 


Simulate Memory Warning — (38M 
, Toggle In-Call Status Bar dt Y 
Keyboard » 


External Displays F 


图 1-29 ”旋转 iOS 模 拟 器 的 方向 


iOSs 模 拟 器 允许 我 们 模拟 一 个 或 两 个 手指 的 多 点 触摸 操作 。 一 个 手指 的 操作 ， 比 如 点 击 、 长 按 、 划 动 等 都 可 以 通过 鼠标 很 好 地 模拟 。 实 现 两 个 手指 的 操作 需要 按 住 键盘 上 的 Option 键 ， 然 后 按 住 鼠 标 拖 
电 来 模拟 缩放 操作 。 如 果 要 移动 两 个 手指 在 屏幕 的 中 心 位 置 ， 则 需要 同时 按 住 Shift 和 Option 两 个 键 。 想 要 在 模拟 器 中 实现 iOS 设 备 的 摇动 效果 ， 可 以 通过 “Hardware 一 Shake 
Gesture” (Control+Command+Z 快 捷 键 ) 来 完成 。 


如 果 我 们 开发 的 应 用 程序 需要 地 图 数据 ， 可 以 在 应 用 程序 运行 的 时 候 ， 使 用 Os 模 拟 器 模拟 一 个 位 置 。 选 择 “Debug 一 Location 一 Custom Location”， 然 后 输入 经 纬度 数值 即 可 ， 如 图 1-30 所 示 。 


Custom Location 


Enter a latitude and longitude for the location you would 
like to simulate. 


Latitude: 


Longitude: 


图 1-30 在 iOS 模 拟 器 中 手动 输入 经 纬度 坐标 
iOS 模 拟 器 还 可 以 模拟 一 个 移动 的 位 置 ， 当 设计 的 应 用 程序 需要 获取 实时 改变 的 地 理 位 置 时 ， 这 个 功能 就 显得 非常 有 用 。iOS 模 拟 器 可 以 模拟 的 位 置 包括 如 下 这 些 : 
: Apple: 3E SR. 
: City Bicycle Ride: 在 城市 中 骑 自 行车 。 
' City Run: 在 城市 中 跑步 。 
: Freeway Drive: 无 确定 方向 的 驾驶 汽车 。 


如 果 我 们 开发 的 应 用 程序 允许 用 户 打印 一 些 东 西 ， 在 没有 兼容 AirPrint 打 印 机 的 情况 下 ， 可 以 使 用 打印 机 模拟 器 模拟 打印 。 打 印 机 模拟 器 不 会 在 程序 启动 时 自动 运行 ， 需 要 选择 “File 一 Open Printer 


Simulator" 。 


1.5.2 ”模拟 器 中 iOS 系 统 的 基本 设置 


在 安装 好 Xcode 后 ， 模 拟 器 中 运行 的 OS 默认 语言 是 英文 ,默认 区 域 格式 是 美国 ,而 且 输 入 法 也 仅 有 英文 一 种 。 作 为 中 国 的 程序 员 ， 我 们 希望 将 模拟 器 设置 成 和 国内 iPhone 手 机 用 户 一 样 的 使 用 环境 ， 
所 以 需要 进行 下 面 几 步 操作 : 


1) 在 Xcode 菜单 中 选择 “Xcode 一 Open Developer Tool>iOS Simulator" , 


2) 在 模拟 器 的 主屏 上 点 击 “Settings 一 General 一 Language&Region 一 iPhone Language" , 将 语言 设置 为 简体 中 文 。 当 点 击 右 上 角 的 “Done” 按 钮 以 后 ， 会 弹出 一 个 确认 框 ， 如 图 1-31 所 示 。 在 
点 击 确认 以 后 ， 系 统 的 语言 就 变 成 了 简体 中 文 。 


iOS Simulator - iPhone 5 - iPhone 5 / iOS 8.0 (... 


Would you like te change the iPhone 
language to Chinese, Simplified? 


Change to Chinese, Simpl... 


Cancel 


3) 在 “设置 一 通用 一 语言 与 地 区 ”中 将 “地 区 ”设置 为 中 国 。 此 外 ， 在 语言 与 地 区 界面 中 我 们 还 可 以 看 到 “区 域 格式 示例 ”， 包 括 时 间 、 日 期 、 货 币 和 数字 格式 。 


4) 进入 “设置 一 通用 一 键盘 一 键盘 ”， 确 定 其 中 有 简体 中 文 的 输入 法 。 如 果 没 有 ， 则 选择 添加 新 键盘 ， 选 中 “简体 中 文 ” 即 可 ， 这 样 在 虚拟 键盘 中 就 可 以 输入 中 文 了 。 


试 都 需要 经 历 这 三 个 阶段 。 假 如 这 个 应 用 程序 中 包含 了 大 量 的 图 片 、 音 频 或 视频 文件 ， 相 信 这 将 是 对 开发 人 员 耐 性 的 一 个 巨大 挑战 。 


» 注意 在 iOS 模 拟 器 上 应 用 程序 的 运行 效果 (如 执行 速度 、 切 换 视 图 的 平滑 程度 等 ) 并 不 等 同 于 在 iPhone 真 机 上 的 运行 效果 ， 人 毕竟 iPhone 的 硬件 无 法 与 Mac 相 比 ， 而 且 每 代 iPhone 手 机 的 推出 都 伴随 
着 CPU 性 能 的 增强 。 避 免 这 种 情况 的 最 好 方法 就 是 在 真 机 上 进行 测试 (一 个 成 熟 的 应 用 至 少 需 要 在 2~3 种 OS 设备 上 进行 测试 ) ， 如 果 仍 然 出 现 上 述 问 题 ， 就 需要 优化 算法 。 


1.5.3 ”在 模拟 器 中 安 委 和 印 载 应 用 程序 


如 果 在 Xcode 中 运行 应 用 程序 项 目 ， 该 项 目 就 会 被 自动 安装 到 模拟 器 之 中 。 

我 们 不 能 删除 iOS 模 拟 器 中 默认 的 应 用 程序 ， 如 照片 、 通 讯 录 、 设 置 、Game Center、 报 刊 杂 志和 Safari。 要 仓 载 (删除 ) is 模拟 器 中 自己 编写 的 应 用 程序 ， 操 作 步 骤 和 真 机 上 是 一 样 的 。 
Т) 在 应 用 程序 图 标 上 按 住 鼠标 ， 直 到 图 标 开 始 摇晃 。 

2) 当 图 标 摇晃 的 时 候 ， 可 以 看 到 其 左上 角 有 一 个 “X” 按 钮 。 点 击 要 删除 应 用 程序 图 标 左 上 角 的 “X” 按钮 ， 此 时 弹出 警告 对 话 框 确认 删除 操作 ， 如 图 1-32 所 示 。 


4) 点 击 “ 删 除 ” 按 钮 ， 确 认 外 载 操作 。 


e 
ss 注意 ”对 于 代码 存 有 Bug 的 应 用 程序 ， 在 模拟 器 中 运行 的 时 候 可 能 会 引起 崩 演 。 此 时 Xcode 将 会 运行 代码 调试 器 ， 进 入 Debug 状 态 。 我 们 只 要 点 击 Xcode 工 具 栏 中 的 “Stop” 按 钮 就 可 以 结束 应 用 程序 
在 模拟 器 中 的 运行 并 关闭 代码 调试 器 。 


5) 如 果 想 快速 清空 模拟 器 中 的 全 部 应 用 程序 ， 可 以 选择 “设置 一 通用 一 Reset” ， 上 点击“ 还 原 位 置 与 隐私 ” ， 在 弹出 的 警告 视图 中 点 击 “ 还 原 警 告 ” 即 可 。 


iOS Simulator - iPhone 5 - iPhone 5 / 105 8.0 (... 


删除 *HelloWorld” 


若 删 除 "HelloWorld”， 其 所 有 数据 也 将 被 
删除， 


图 1-32 ”删除 iOS 模 拟 器 中 的 应 用 程序 


尽管 iOS 模 拟 器 可 以 完美 地 运行 我 们 编写 的 iOS 应 用 程序 ， 但 还 是 有 一 定 的 局 限 性 的 ， 它 不 能 完成 下 面 这 些 操作 : 
“ 模拟 手机 来 电 的 状态 
` 使 用 重力 加 速 器 和 三 轴 陀 螺 仪 
` 发 送 和 接收 短信 息 
. 从 App Store 上 下 载 安装 应 用 程序 
E 使 用 前 后 置 摄像 头 
: 使 用 设备 的 麦克 风 (如 果 开 发 设备 具备 麦克 ， 则 可 以 使 用 ) 
. 一 些 OpenGL ES 的 核心 特性 


尽管 IOs 模 拟 器 人 存在 上 面 的 这 些 限 制 ， 但 对 于 一 般 应 用 程序 来 说 还 是 足以 应 付 的 ， 只 不 过 它 还 不 能 完全 代 著 在 真 机 上 的 测试 。 


作为 一 名 开发 者 ， 有 的 时 候 你 可 能 会 听 到 身边 的 人 在 指 着 手机 不 停 抱怨 : “如 果 有 这 样 一 款 应 用 该 多 好 ……” 是 呀 ， 当 一 个 不 经 意 的 想法 被 你 变 成 现实 的 时 候 ， 你 所 得 到 的 不 仅仅 是 经 济 方面 的 利益 ， 更 
多 的 是 那 种 经 历 ， 那 种 从 无 到 有 ， 从 幼稚 到 成 熟 的 过 程 ， 而 经 历 和 过 程 无 比 珍贵 。 通 过 本 书 的 学 习 ， 你 将 学 会 如 何 创建 基于 iOs 平 台 的 应 用 程序 ， 并 且 通 过 对 程序 的 改进 ， 你 完全 有 可 能 开发 出 一 款 在 App 
Store 上 有 百 万 用 户 下 载 的 应 用 ,但 “ 干 里 之 行 始 于 足下 ”， 让 我 们 一 起 先 从 本 书 的 第 一 个 1OS 项 目 开始 。 


在 接 下 来 两 章 的 学 习 中 ， 我 们 将 创建 一 个 计算 器 (Calculator) 项 目 ， 该 程序 可 以 完成 简单 的 数学 运算 。 通 过 Calculator 项 目 ， 可 以 让 我 们 对 在 Mac 平 台 上 面 开 发 iOs 应 用 程序 有 一 个 基本 的 了 解 。 具 体 
到 本 章 ， 我 们 将 会 了 解 有 关 视图 、 用 户 界面 设计 器 (Interface Builder) 和 故事 板 (Story Board) 的 相关 知识 。 在 此 之 前 ， 我 们 还 会 了 解 在 iOs 平 台 开 发 程序 的 相关 知识 。 


如 果 之 前 根本 没有 为 Cocoa 或 它 的 前 身 NeXTSTEP 开 发 过 应 用 程序 ， 你 可 能 会 感觉 到 在 最 初 使 用 Cocoa Touch (iOS 的 应 用 程序 框架 ) 开发 iDS 应 用 程序 时 ， 之 前 所 学 的 所 有 程序 语言 (比如 Java、 
.NET) 在 这 里 都 派 不 上 有 用场， 时 常 处 于 一 头 雾 水 的 混沌 状态 。 这 是 初学 者 在 学 习 时 的 正常 状态 ， 你 根本 不 用 害怕 这 种 状态 ， 只 要 坚持 下 去 就 会 慢 慢 适 应 。 本 书 假定 你 已 经 具有 面向 对 象 的 开发 经 验 ， 以 及 初 


步 掌 握 了 Swift 语言 的 相关 知识 [ ]， 这 些 经 验 和 知识 对 于 编写 iOS 应 用 程序 是 非常 重要 的 。 在 为 移动 设备 编写 应 用 程序 的 时 候 ， 还 需要 考虑 下 面 几 个 问题 
` 在 iOS 中 ， 任 何 时 候 都 只 能 有 一 个 应 用 程序 被 激活 并 显示 在 屏幕 上 面 。 从 iOS 4 开始 ， 当 用 户 按 下 Home 键 以 后 ， 应 用 程序 可 以 在 系统 的 后 台 继 续 运行 ， 即 使 是 后 台 运 行 ， 它 也 会 受到 很 多 的 限制 。 


* 与 传统 的 PC 应 用 程序 不 同 ， 我 们 在 iOS 中 只 能 运行 一 个 窗口 应 用 程序 。 除 非 你 开发 的 OS 应 用 程序 附带 一 个 扩展 屏幕 ， 通 过 AirPlay 和 AppleTV 设 备 投放 到 电视 上 。 但 是 ， 这 需要 我 们 编写 更 多 的 程序 代 
码 。 用 户 与 应 用 程序 之 间 的 交互 都 局 限 在 这 个 窗口 之 中 ， 且 该 窗口 的 大 小 固定 为 整个 屏幕 。 


` 虚拟 键盘 代替 实体 键盘 。2007 年 乔布斯 在 iPhone 发 布 会 上 向 大 家 展示 了 多 部 当时 市 面 上 流行 的 “智能 ”手机 ， 并 毫 不 留情 地 指出 了 它们 共同 的 缺点 : 在 屏幕 的 下 方 有 很 大 一 部 分 空间 被 实体 键盘 所 占 
据 ， 如 图 2-1 所 示 。 不 知 大 家 是 否 想 到 过 ， 实 体 键盘 最 致命 的 缺点 就 是 按键 功能 被 固定 死 了 ， 不 管 你 是 否 需 要 ， 它 都 会 存在 于 屏幕 下 方 一 一 伴随 手机 的 一 生 。iPhone 就 不 一 样 了 ， 因 为 有 了 虚拟 键盘 ， 有 系统 可 
以 根据 App 的 需要 ， 在 适当 的 情况 下 调 出 虚拟 键盘 ， 并 且 会 根据 设 定 显 示 全 键盘 、 数 字 键 盘 或 中 文 的 九宫 格 键盘 等 。 


. iPhone 的 屏幕 在 当今 的 世界 中 可 以 算是 佼佼 者 (三星 有 后 来 居 上 的 趋势 ) ， 自 从 苹果 推出 了 Retina 屏 的 iPhone 以 后 ， 一 直 是 手持 设备 中 分 辩 率 最 高 的 。 这 时 致 了 原来 很 多 必须 在 PC 上 完成 的 任务 ， 现 在 
可 以 在 iPhone 上 面 完 成 了 。 第 一 代 iPhone 手 机 的 分 辨 率 只 有 320X480 像 素 ， 之 后 的 iPhone 4 采用 了 640X960 像 素 的 分 辨 率 。 如 今 ， 最 新 的 iPhone 6 Plus 屏幕 达到 了 1080X1920 像 素 。 表 2-1 列 出 了 所 有 设备 屏幕 
的 大 小 。 


图 2-1 乔布斯 在 2007 年 第 一 代 iPhone 发 布 会 时 指出 了 当时 “每 能 ”手机 的 弊端 
表 2-1 各 种 iOS 设 备 的 屏幕 尺寸 和 分 辩 率 


ios 设备 硬件 屏幕 大 小 软件 屏幕 大 小 比例 因子 


iPhone 6 2x 
iPhone 6 Plus 1080 x 1920 414 x 73€ 3x 
iPad 2 MI iPad mini 768 x 1024 768 x 1024 1х 
iPad Air 

iPad Retina 1536 x 2048 768 x 1024 2x 


iPad mini Retina 


表 2-1 中 所 提 到 的 屏幕 硬件 大 小 指 的 就 是 jiOSs 设 备 实际 的 物理 屏幕 像素 值 。 然 而 ， 在 程序 员 开 发 应 用 程序 的 时 候 ， 更 多 的 是 与 软件 屏幕 大 小 打交道 。 正 如 大 家 人 在 表 2-1 中 看 到 的 ， 在 大 部 分 的 情况 下 ， 软 
件 屏幕 大 小 与 硬件 屏幕 大 小 是 2 倍 的 关系 。 之 所 以 有 两 种 屏幕 大 小 ， 完 全 是 因为 苹果 引入 了 Retina 技 术 。 如 果 苹 果 不 做 这 样 的 区 分 ， 所 有 的 应 用 程序 都 按 设备 的 硬件 屏幕 分 辨 率 绘制 ， 软 件 在 Retina 设 备 的 屏 
幕 上 面 只 会 显示 四 分 之 一 的 大 小 ， 用 户 使 用 起 来 非常 费劲 。 所 以 ， 苹 果 使 用 了 比例 因子 的 概念 ， 我 们 开发 的 应 用 程序 可 以 在 所 有 的 iOs 设 备 上 面 都 完美 地 全 屏 显 示 ， 而 程序 员 不 用 编写 任何 的 代码 。 针 对 于 
iPhone 设备 ， 从 iPhone 4s 开 始 都 是 2 倍 的 比例 因子 ， 而 iPhone 6 Plus 则 拥有 更 高 的 分 辨 率 ， 所 以 是 3 倍 的 比例 因子 。 


另外 ， 与 笔记 本 的 14 或 15 英 寸 屏 幕 相 比 ， 移 动 设备 的 屏幕 确实 要 小 很 多 ， 所 以 在 设计 应 用 程序 的 时 候 ， 我 们 要 充分 利用 好 这 宝贵 的 屏幕 空间 ， 用 更 加 直观 的 方式 为 用 户 呈 现 关 键 的 信息 ， 还 要 合理 摆 放 
系统 所 提供 的 各 种 控件 ， 例 如 按钮 、 滑 块 、 开 关 等 ， 让 用 户 方便 、 准 确 、 快 捷 地 进行 各 种 操作 。 


- 考虑 开发 通用 应 用 程序 : 为 了 能 够 让 你 的 应 用 吸引 更 多 的 眼球 ， 让 它 完美 运行 在 多 种 不 同 的 iDS 设 备 上 成 为 一 种 趋势 。 如 让 你 的 应 用 可 以 同时 运行 在 iPhone、7.9 英 寸 的 iPad mini 和 9.7 英 寸 的 iPad 上 。 
: 有 限 的 存储 空间 : iOS 设 备 的 存储 空间 不 大 (16G~128G) ， 因 此 不 能 存储 太 多 的 图 片 、 音 乐 或 视频 。 


` 不 可 靠 的 网 络 连接 : 因为 是 移动 设备 ， 所 以 注定 其 不 会 有 长 时 间 的 持续 可 靠 连接 。 即 便 有 可 靠 的 连接 ， 发 送 和 接收 数据 的 速度 也 与 无 线 网 络 信号 的 强 弱 有 关 。 因 此 ， 在 有 网络 连 接 (WiFi 网 络 ， 非 手 
机 的 数据 流量 ) 的 情况 下 ， 你 的 应 用 程序 应 尽量 缓存 相关 数据 到 设备 上 。 为 了 保证 用 户 使 用 的 流畅 度 ， 在 下 载 数据 的 时 候 必 须 使 用 多 线程 技术 。 


.iDOS 设 备 的 不 可 用 性 : 移动 设备 在 特殊 情况 下 需要 关机 (飞机 起 飞 时 ) ， 也 有 可 能 会 丢失 ， 当 电池 电量 不 足 的 时 候 也 会 自动 关机 。 所 以 我 们 的 应 用 程序 必须 考虑 到 这 些 情况 。 


[1 如果 您 没有 学 习 过 Swift 语 言 ， 可 以 先 在 iBooks Store b% F 3X «The Swift Programming Language? 一 书 学 习 了 解 ， 或 者 从 CocoaChina 上 下 载 其 中 文 翻译 版 本 。 


2.2 ”了解 故 事 板 


俗话 说 : “ 兵 马 示 动 粮草 先行 ”， 在 iOS 应 用 程序 开发 中 的 “粮草 ”其 实 就 是 故事 板 (Story Board) ， 而 要 想 编辑 故事 板 中 的 对 象 ， 则 需要 使 用 用 户 界面 构建 器 一 一 Interface Builder (IB) 。 


以 前 为 智能 手机 开发 应 用 程序 的 时 候 ， 程 序 员 总 是 依靠 纸 和 笔 去 设计 流程 。 后 来 出 现 了 流程 图 软件 ， 利 用 这 种 软件 就 可 以 通过 数字 手段 来 记录 工作 的 流程 和 进程 。 幸 运 的 是 ，Xcode 为 ijOs 大 咖 提 供 了 一 
个 叫做 “Story Board" (故事 板 ) 的 工具 来 体现 应 用 程序 的 工作 流程 。 


故事 板 可 以 帮助 我 们 创建 应 用 程序 的 用 户 界 面 ， 但 它 并 不 仅仅 是 服务 于 一 个 图 形 界 面 的 绘制 和 搭建 工具 。 使 用 |B， 我 们 可 以 不 用 编写 程序 代码 就 能 轻松 构建 和 实现 一 些 功能 (例如 视图 场景 间 的 转换 、 
控件 对 象 的 属性 设置 等 ) ， 有 效 减少 Bug 的 出 现 ， 缩 短 开发 周期 ， 便 于 后 期 项 目的 升级 和 维护 。 


Xcode 中 的 IB 有 四 项 基本 功能 : 


C 通过 IB 设 计 应 用 程序 的 用 户 界 面 。 用 户 界面 包括 窗口 (window) 和 视图 (view) 以 及 相关 的 控件 ， 例 如 按钮 (button) 、 滑 块 (slider) 、 文 本 框 (text field) 等 对 象 。 还 可 以 调整 这 些 对 象 的 预 设 属 
性 ， 比 如 ， 当 我 们 添加 按钮 时 ， 可 以 设置 其 在 视图 中 的 位 置 、 顾 色 以 及 按钮 的 标签 等 。 另 外 ， 通 过 继承 还 可 以 自 定义 它 的 外 观 和 其 他 的 特性 。 


: 使 用 IB 可 以 实例 化 应 用 程序 中 的 对 象 。 任 何 被 添加 到 nib 文 件 或 故事 板 文件 中 的 对 象 ， 在 载 入 文件 的 时 候 ， 都 会 在 内 存 中 自动 创建 。 


: 使 用 也 可 以 将 代码 和 用 户 界面 对 象 关 联 起 来 。 当 用 户 在 屏幕 上 与 视图 或 控件 进行 交互 的 时 候 ， 这 些 事件 会 通过 IBAction 触 发 代码 文件 中 的 方法 。 如 果 要 在 代码 中 修改 用 户 界面 对 象 的 属性 〈 如 大 小 、 
位 置 、 颜 色 或 状态 ) ， 就 需要 使 用 IBOutlet。 它 可 以 将 Swift 中 的 实例 变量 《实际 上 就 是 指向 到 故事 板 中 视图 对 象 的 指针 变量 ) 与 相应 的 用 户 界面 中 的 对 象 建立 关联 。 


` 如 果 要 为 用 户 界面 对 象 添加 额外 代码 ， 就 需要 子 类 化 该 对 象 ， 而 且 还 要 告诉 I[B 使 用 子 类 化 的 对 象 来 代替 之 前 的 默认 对 象 。 否 则 ， 你 添加 的 代码 将 不 起 任何 作用 。 
接 下 来 ,我 们 先 要 创建 Calculator 项 目 。 
1) 在 菜单 中 选择 “File 一 New 一 Project”， 然 后 在 弹出 的 项 目 模 板 选 择 面 板 中 选择 “iOS 一 Application 一 Single View Application" 。 


2) 将 Product Name 设 置 为 Calculator， 将 Organization Name 设 置 为 你 的 名 字 ， 将 Organization ldentifier 设 置 为 cn.project， 将 语言 设置 为 Swift， 将 Devices 设 置 为 iPhone， 不 勾 选 Use Core 


Data。 在 确定 好 本 地 存储 位 置 以 后 ， 点 击 “Create” 按 钮 完成 项 目的 创建 。 


221 创建 用 户 界 面 工 具 lnterface Builder 


在 Xcode 中 我 们 可 以 通过 编写 代码 来 创建 用 户 界 面 一 一 先 实例 化 一 个 界面 对 象 ， 然 后 设置 对 象 的 属性 ， 最 后 将 它 添加 到 视图 体系 之 中 。 比 如 ， 第 1 章 我 们 在 ViewController 类 的 viewDidLoad () 方法 
中 创建 一 个 UILabel 类 型 的 对 象 ， 再 将 它 的 文字 信息 显示 在 屏幕 上 面 。 


override func viewDidLoad() { 

super.viewDidLoad() 

self.view.backgroundColor = UIColor.yellowColor() 
let label = UILabel (frame: 
CGRect(x: 10, y: 170, width: 300, height: 50)) 
label.text = "欢迎 来 到 iPhone 应 用 程序 开发 的 世界 ! n 
label.textColor = UIColor.redaColor() 
self.view.addSubview (label) 


} 


上 面 5 行 加 粗 的 代码 只 是 在 视图 中 显示 一 个 标签 对 象 ， 并 没有 设置 标签 的 字体 、 字 号 等 属性 。 如 果 要 在 视图 中 同时 呈现 文本 、 按 钮 、 图 像 和 其 他 可 视 化 控件 ， 则 需要 编写 更 多 的 代码 ， 这 样 会 导致 程序 员 
在 这 些 技术 含量 很 低 的 代码 上 人 花费 大 量 的 精力 ， 而 且 出 现 Bug 的 几率 也 会 大 大 增加 。 


面 对 这 样 一 个 容易 让 程序 员 “田园 ”的 情况 ， 该 是 Interface Builder (简称 IB) 大 显 身手 的 时 候 了 。 我 们 可 以 通过 1B 在 视图 上 添加 各 种 可 视 化 元 素 。 但 是 ， 在 |B 中 创建 的 这 些 可 视 化 控件 还 要 与 项 目的 
源 代 码 之 间 建 立 一 种 简单 的 连接 ， 称 为 关联 。 通 过 关联 ， 就 可 以 在 代码 中 控制 这 些 控件 ， 包 括 控制 它们 所 显示 的 文本 内 容 、 图 片 和 状态 等 。 如 果 用 户 在 应 用 的 运行 过 程 中 与 控件 有 交互 操作 ， 则 通过 关联 还 
会 向 目标 类 发 送 消息 ， 进 而 执行 相关 的 动作 (方法 ) 。 


2.2.2 ”故事 板 


故事 板 是 苹果 从 Xcode 4 开始 引入 的 全 新 界面 设计 和 组 织 管理 工具 。 故 事 板 简单 来 说 就 是 一 些 界面 文件 的 集合 ， 其 中 还 包括 视图 的 元 数据 及 它们 之 间 的 相互 关系 。 故 事 板 将 应 用 程序 的 视图 (View) 从 
数据 模型 (Model) 和 控制 器 (Controller) 中 分 离 出 来 ， 从 而 形成 了 Model-View-Controller (MVC) 设计 模式 [1]。 在 一 个 故事 板 中 ， 我 们 可 以 创建 多 个 场景 (Scene) ， 并 且 通 过 简单 的 拖 电 操 作 就 可 


以 完成 场景 之 间 的 切换 ( 当 由 一 个 场景 过 渡 到 另 一 个 场景 时 ， 需 要 在 它们 之 间 建 立 连接 ) 。 使 用 故事 板 的 好 处 之 一 就 是 在 做 上 面 这 些 事情 的 时 候 不 用 编写 任何 代码 。 
故事 板 包含 两 个 主要 的 内 容 : 场景 (Scene) 和 过 渡 (Segue). 
故事 板 不 仅仅 具有 很 酷 的 外 观 ， 还 能 创建 自 定义 的 界面 对 象 。 需 要 注意 的 是 ， 故 事 板 中 的 这 些 可 视 化 对 象 在 载 入 系统 的 时 候 会 被 自动 创建 和 初始 化 。 
1 .场景 
场景 就 是 显示 在 iOS 设 备 上 的 全 屏 视图 ， 一 般 来 说， 每 个 场景 都 会 对 应 一 个 视图 控制 器 。 场 景 中 可 以 包含 按钮 、 标 签 、 表 格 视图 、 图 像 、 滑 块 、 开 关 等 界面 元 素 ， 以 及 一 些 其 他 的 非 界 面 元 素 。 
2. 过 渡 
过 渡 是 将 两 个 场景 进行 连接 ， 人 允许 程序 从 一 个 场景 切换 到 另 一 个 场景 。 当 过 渡 发 生 的 时 候 ， 在 第 一 场景 上 面 会 呈现 出 第 二 场景 。 反 过 来 说 就 是 ， 第 二 场景 被 呈现 在 第 一 场景 上 面 。 


我 们 可 以 创建 下 面 几 种 类 型 的 过 渡 。 


' push segue 〈 推 送 过 渡 ) : 推送 过 渡 需 要 一 个 导航 控制 器 或 标签 控制 器 才 可 以 操作 。 当 push segue 发 生 时 ， 在 导航 控制 器 或 标签 控制 器 的 堆栈 中 会 推送 一 个 新 视图 控制 器 。 只 有 这 样 做 ， 寻 航 控制 器 或 标 
签 控制 器 的 堆栈 才 可 以 跟踪 进 栈 的 所 有 视图 控制 器 ， 在 需要 的 时 候 切 换 到 指定 的 控制 器 。 当 我 们 正在 使 用 导航 控制 器 或 标签 控制 器 的 时 候 就 应 该 使 用 这 种 类 型 的 过 渡 。 在 iPhone 的 通讯 录 应 用 中 ， 当 用 户 点 


击 某 位 联系 人 的 时 候 ， 该 联系 人 的 详细 信息 视图 就 会 被 push 出 来 。 
. modal segue ( 模 态 过 渡 ) : 模 态 过 渡 不 需要 导航 控制 器 就 可 以 完成 视图 控制 器 之 间 的 过 渡 ， 但 是 它 并 不 具备 推送 过 渡 的 导航 功能 ， 因 为 它 只 是 简单 地 在 一 个 视图 控制 器 上 面 呈 现 另 一 个 视图 控制 器 。 
` Pop-over segue (弹出 过 渡 ) : 弹出 过 渡 与 模 态 过 渡 类 似 ， 不 同 之 处 在 于 它 会 创建 一 个 小 窗口 并 呈现 在 当前 场景 的 顶部 。 弹 出 过 渡 仅 限于 iPad 应 用 程序 使 用 。 
custom segue ( 自 定义 过 渡 ) : 自 定义 过 渡 是 通过 代码 方式 来 自 定义 两 个 场景 间 的 过 渡 效 果 。 


iOS 中 的 过 渡 类 是 UIStoryboardSegue， 它 包含 3 个 属性 : sourceViewController、destinationViewController 和 identifier。 其 中 identifier 是 String 类 型 ， 用 于 标识 某 个 特定 的 过 渡 ， 以 方便 我 们 在 程 
序 代码 中 使 用 。 


一 般 来 说 ， 应 用 程序 开始 一 个 过 渡 是 基于 用 户 的 交互 ， 比 如 点 击 按钮 或 表格 中 的 某 个 单元 格 ， 抑 或 是 某 种 特定 的 手势 。 在 故事 板 中 使 用 一 条 连接 两 个 场景 的 线 来 代表 过 渡 ， 如 图 2-2 所 示 。 
3. 故 事 板 的 文档 大 纲 


在 Calculator 的 项 目 导航 中 选择 Main.storyboard， 此 时 会 自动 打开 Interface Builder。 文 件 的 内 容 显示 在 1B 编 辑 器 中 ， 而 故事 板 大 纲 则 出 现在 |B 编辑 器 的 左 侧 ， 如 图 2-3 所 示 。 


Navigation Controller Table View Controller - Hoot View Controller 


Root View Controller 


Prototype Cells 


图 2-2 ”一 个 过 渡 连 接 两 个 场景 


@ 提示 ”如果 在 故事 板 界面 中 没有 看 到 文档 大 纲 ， 可 以 在 菜单 中 选择 “Editor>Show Document Outline" ， 或 者 点 击 编辑 区 域 左 下 角 的 图 标 将 其 打开 。 
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图 2-3 Interface Buildet 编 辑 界 面 
当前 的 故事 板 中 只 有 一 个 场景 View Controller Scene， 它 的 样子 “ 胖 胖 的 ” ， 既 不 像 是 iPhone 的 界面 ， 也 不 像 是 ijPad 的 界面 ， 我 们 怎么 来 使 用 它 呢 ”这 要 从 iOS 的 历史 讲 起 。 


2007 年 苹果 发 布 了 iPhone， 并 伴随 第 一 代 移 动 操作 系统 iPhone OS 1.0。 当 时 的 1.0 系 统 功能 非常 简单 (相对 的 ) ， 而 且 不 支持 第 三 方 开发 商 为 其 开发 应 用 程序 。 在 iPhone OS 2.0 的 时 候 系 统 开始 支持 
第 三 方 为 其 开发 应 用 ， 并 且 用 户 还 可 以 从 App Store 上 面 购买 自己 喜欢 的 应 用 。 那 个 时 候 使 用 Xcode 开 发 应 用 只 要 支持 iPhone 的 320x480 像 素 的 界面 就 好 。 


在 2010 年 的 时 候 ， 苹 果 推 出 了 iPad 产 品 ， 苹 果 不 想 再 重新 定义 一 个 iPad OS 系统 (iPhone 和 iPad 的 系统 基本 相同 ) 了 ， 所 以 就 将 这 两 个 系统 整合 重新 命名 为 iDS。 这 样 ， 在 Xcode 中 我 们 可 以 为 一 个 应 
用 项 目 开发 两 套 不 同 的 用 户 界面 ， 一 个 用 于 iPhone， 另 一 个 用 于 iPad。 也 就 是 说， 我 们 可 以 开发 一 个 应 用 程序 并 同时 支持 iPhone 和 iPad 设 备 。 此 时 ， 如 果 我 们 不 考虑 iPhone 3GS 及 以 前 产品 ， 需 要 为 其 制 
作 两 套 完全 不 同 的 界面 (640x960 和 1024x768 像 素 ) 。 假 如 这 个 应 用 有 10 个 场景 ， 就 要 分 别 制作 20 个 场景 。 


好 吧 ， 如 果 这 样 的 一 个 工作 量 作为 一 个 开发 团队 还 可 以 接受 ， 那 么 到 了 2012 年 苹果 推出 iPhone 5 的 时 候 ， 要 开发 一 个 同时 支持 iPhone 和 iPad 应 用 ， 就 需要 为 iPhone 设计 640x960 和 640x1136 像 素 的 
界面 ， 为 ijPad 设 计 1024x768 和 2048x 1536 像 素 的 界面 。 如 果 应 用 还 是 10 个 场景 ， 那 么 一 共 要 设计 40 个 场景 。 


如 果 这 样 的 工作 量 你 的 团队 还 可 以 接受 ，2014 年 9 月 苹果 推出 4.7 英 寸 的 iPhone 6， 听 到 这 里 你 是 否 要 前 省 呢 ? 将 一 个 好 的 创意 转化 为 应 用 已 经 很 难 了 ， 还 要 在 搭建 界面 上 花 那 么 大 的 力气 ， 这 是 让 程序 
员 寻 死 的 节奏 呀 ! 


因此 ， 苹 果 首 先 在 Xcode 5 中 引入 了 自动 布局 特性 ， 这 样 可 以 将 可 视 化 对 象 在 界面 中 的 绝对 位 置 变 成 在 界面 中 的 对 象 与 对 象 之 间 的 相对 关系 。 它 的 好 处 就 是 不 管 苹果 将 来 再 开发 出 何 种 分 辩 率 的 新 产 
， 只 要 为 iPhone 设 计 一 套 界面 ， 再 为 iPad 设 计 一 套 界面 即 可 。 在 Xcode 6 中 苹果 勾引 入 了 Size Classes 特 性 ， 通 过 它 程序 员 就 能 够 只 设计 一 个 通用 的 界面 ， 从 而 同时 支持 所 有 的 iPhone 和 iPad 设 备 。 


En 


之 前 我 们 在 1B 中 看 到 的 那个 “ 胖 胖 ”的 界面 ， 就 是 为 了 能 够 同时 支持 iPhone 和 iPad 而 准备 的 。 因 为 Calculator 项 目 只 是 一 个 运行 在 iPhone 设备 上 的 应 用 ， 所 以 接 下 来 我 们 先 修改 场景 的 界面 属性 。 


在 项 目 导 航 中 选择 Main.storyboard， 再 选中 故事 板 中 的 View Controller 场 景 ， 使 用 Option+Command+1 快 捷 键 切换 到 文件 检视 窗 。 在 文件 检视 窗 的 Interface Builder Document 部 分 中 取消 Use 
Size Classes 的 勾 选 项 ， 在 Disable Size Classes 确 认 面 板 中 将 Keep size class data for 设 置 为 iPhone， 如 图 2-4 所 示 ， 上 点击“Disable Size Classes” 按 钮 。 


因为 在 创建 项 目的 时 候 我 们 选择 了 iPhone 设备 ， 所 以 在 完成 上 面 的 操作 以 后 ，View Controller 场 景 的 视图 马上 变 成 了 iPhone 尺寸 大 小 。 
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图 2-4 在 文件 检视 窗 中 取消 Use Size Classes t sm 


如 果 想 要 放大 或 缩小 故事 板 中 的 视图 ， 可 以 在 编辑 区 中 通过 双击 鼠标 来 实现 。 或 者 在 故事 板 中 点 击 鼠 标 右键 ， 通 过 快捷 菜单 来 缩放 视图 。 除 此 以 外 ， 也 可 以 通过 苹果 的 触 控 板 的 拘 捏 操作 来 实现 缩放 效 
ж. 


在 文档 大 纲 的 View Controller Scene 中 主要 包含 3 个 图 标 : First Responder, View Controller 和 View。 其 中 前 两 个 比较 特别 ， 它 们 并 不 属于 视图 对 象 。 
` First Responder: 它 就 是 一 个 指针 变量 ， 指 向 当前 正在 进行 人 机 交互 的 界面 对 象 。 当 用 户 打开 iOS 应 用 程序 以 后 ， 可 能 会 有 多 个 对 象 负责 响应 屏幕 触摸 或 键盘 输入 的 操作 。 用 户 当 前 和 哪个 对 象 进行 交 
Z, First Respondet 就 会 指向 谁 。 比 如 用 户 正 在 向 一 个 文本 框 (UITextField 类 型 的 对 象 ) 中 输入 内 容 ，First Respondet 就 会 指向 到 它 ， 直 到 用 户 将 焦点 转移 到 其 他 界面 对 象 。 
: View Controller: 它 是 一 个 视图 控制 器 对 象 ， 在 应 用 程序 运行 的 过 程 中 ， 视 图 控制 器 对 象 会 载 入 故事 板 中 相应 的 场景 。 它 可 以 控制 场景 中 的 所 有 对 象 〈 需 要 和 这 些 对 象 建立 关联 ) ， 并 接受 用 户 的 交互 
操作 。 
View: 它 是 一 个 视图 对 象 ， 也 是 一 个 UIView 类 型 的 对 象 ， 它 就 像 一 个 容器 用 于 呈现 各 种 界面 对 象 。 视 图 控制 器 会 载 入 这 个 视图 并 将 其 显示 在 iPhone 的 屏幕 上 面 。 视 图 实际 上 是 分 层 的 ， 这 意味 着 我 们 
可 以 向 视图 中 添加 各 种 界面 控件 ， 也 可 以 添加 子 视 图 。 除 此 以 外 ， 我 们 还 可 以 设置 界面 对 象 的 属性 。 
当 我 们 构建 用 户 界 面 的 时 候 ， 随 着 界面 对 象 数量 逐渐 增多 ， 文 档 大 纲 中 各 个 场景 的 View 中 的 对 象 也 会 随 之 增加 。 有 些 场景 可 能 会 包含 十 几 甚至 几 十 个 不 同 的 界面 对 象 ， 形 成 一 个 复杂 的 场景 ， 如 图 2-5 
所 示 。 
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图 2-5 ”故事 板 中 的 场景 及 场景 中 呈现 的 界面 元 素 
在 文档 大 纲 中 我 们 可 以 收缩 或 展开 场景 中 的 视图 结构 ， 以 便 更 好 地 关注 当下 最 重要 的 内 容 。 


@ 这 部 分 所 介绍 的 视图 对 象 (UIView 对 象 ) 是 一 个 能 够 包含 其 他 视图 、 界 面 元 素 或 响应 用 户 交 互 事件 的 矩形 区 域 。 所 有 的 界面 元 素 (如 按钮 、 文 本 框 等 ) 都 可 以 添加 到 视图 对 象 之 中 ， 实 际 上 
它们 都 是 UIView 的 子 类 ， 同 时 也 是 大 岗 场景 中 View 对 象 的 子 视图 。 

4. 文 档 大 纲 区 域 中 的 对 象 

文档 大 纲 包 含 了 当前 场景 中 所 有 可 视 化 元 素 的 引用 ， 这 样 我 们 不 仅 可 以 清楚 地 了 解 到 场景 中 所 有 视图 的 层次 结构 ， 还 可 以 快速 与 程序 代码 建立 关联 。 


另外 ， 对 于 那些 在 视图 中 的 非 可 视 化 对 象 (比如 First Responder 和 View Controller) ， 我 们 还 可 以 在 编辑 器 中 场景 顶部 的 图 标 栏 中 找到 它们 ， 如 图 2-6 所 示 。 


Qi 在 IJ 了 BB 编 辑 器 中 当前 没有 被 选中 的 场景 ， 其 顶部 的 图 标 栏 中 并 不 会 显示 First Responder. View Conttollerf 和 Exit 图 标 ， 只 会 出 现 该 视图 控制 器 的 名 称 。 如 果 选 中 该 场景 ， 则 会 出 现 上 面 的 图 标 。 
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图 2-6 故事 板 场景 中 的 图 标 栏 和 文档 大 纲 之 间 的 关系 
[1] 第 3 章 具 体 介 绍 MVC 设 计 模 式 的 相关 知识 。 


23 创建 用 户 界 面 


此 前 我 们 在 图 2-3 和 图 2-5 中 分 别 看 到 了 一 个 空白 视图 和 一 个 含有 多 个 界面 元 素 的 视图 。 下 面 我 们 就 通过 动手 实践 来 完成 用 户 界面 的 搭建 。 
打开 Calculator 项 目 中 的 Main.storyboard 文 件 ， 确 保 文档 大 纲 可 见 ， 此 时 1B 编 辑 器 中 只 呈现 一 个 View Controller 视 图 控制 器 的 View。 


从 Xcode 4.5 开 始 ，1B 针 对 用 户 界面 的 布局 加 入 了 自动 布局 (Auto Layout) 特性 ， 并 且 该 特性 在 Xcode 5 中 得 到 了 很 大 的 改进 。 如 果 说 在 Xcode 5 中 使 用 自动 布局 特性 还 是 一 种 可 选 方式 ， 那 么 在 
Xcode 6 中 ， 它 就 是 唯一 的 用 户 界面 搭建 方式 了 。 关 于 自动 布局 特性 我 们 会 在 后 面 章 节 详 细 介绍 。 


2.3.1 设置 界面 的 预 贞 窗口 


在 Xcode 6 之 前 ， 当 我 们 使 用 |B 来 搭建 iPhone 界面 的 时 候 ， 需 要 通过 iOs 模 拟 器 或 者 在 iPhone 真 机 上 查看 最 终 的 效果 。 现 在 ， 我 们 可 以 直接 通过 1B 的 预览 窗口 来 实时 查看 所 搭建 界面 的 效果 。 


步骤 1 在 项 目 导航 中 选择 Main.storyboard 文 件 ， 在 Xcode 工具 栏 的 Editor 选 择 器 中 选择 助手 编辑 器 (Assistant editor) ， 此 时 编辑 区 域 被 分 割 为 左右 两 部 分 。 为 了 增加 编辑 区 域 的 可 见 范围 ， 可 以 关 
闭 导 航 区 域 和 实用 工具 区 域 ， 如 图 2-7 所 示 。 
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EF [3 CalculatorTests 
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a nib. 
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827 将 Xcode 切换 为 助手 编辑 器 模式 

步骤 2 点 击 编辑 区 域 中 右 侧 窗 口 顶 部 的 助手 图 标 ， 在 弹出 的 菜单 中 选择 “Preview 一 Main.storyboard (Preview) ”， 如 图 2-8 所 示 。 此 时 右 侧 窗口 变 成 了 iPhone 视图 大 小 ， 这 个 预览 视图 的 效果 就 是 
最 终 呈 现在 iPhone 手机 上 的 效果 。 


步骤 3 ”为 了 预览 所 搭建 好 的 界面 在 不 同 屏幕 尺寸 的 iPhone 上 的 效果 ， 点 击 预览 窗口 左下 角 的 “+” 图 标 ， 切 换 屏 幕 尺 斗 ， 如 图 2-9 所 示 。 这 里 我 们 可 以 选择 iPhone 3.5-inch 或 iPhone 4-inch, 
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图 2-8 ”将 右 侧 窗口 设置 为 故事 板 预览 模式 
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图 2-9 ”在 右 侧 的 预览 窗口 中 设置 预览 不 同 的 OS 设备 


2.3.2 ”向 视图 添加 界面 元 素 


要 想 添 加 界面 元 素 到 视图 之 中 ， 只 要 将 其 从 对 象 库 拖 蝶 到 视图 里 面相 应 的 位 置 即 可 。 

步骤 1 在 项 目 导航 窗口 中 选择 Main.storyboard 文 件 ， 此 时 在 1B 编辑 器 中 所 呈现 的 用 户 界 面 非常 简单 ， 只 有 一 个 场景 一 一 View Controller Scene, 

我 们 将 会 在 该 视图 中 添加 一 个 Label 对 象 和 若干 个 Button 对 象 。 其 中 Label 对 象 用 于 显示 输入 的 数值 和 计算 的 结果 。 而 那些 Button 对 象 则 会 充当 计算 器 按键 的 角色 。 
步骤 2 ”从 Xcode 右 下 角 的 对 象 库 中 找到 Label 对 象 ， 然 后 将 其 拖 忠 到 视图 之 中 ， 适 当 调 整 其 大 小 ， 如 图 2-10 所 示 。 
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图 2-10 ”将 UILabel 对 象 添加 到 ViewConttollet 场 景 中 
此 时 我 们 会 在 视图 大 纲 中 发 现 ， 在 View Controller Scene 里 面 的 View 对 象 中 包含 了 一 个 Label 对 象 。 
当 我 们 将 视图 对 象 添加 到 控制 器 的 视图 中 以 后 ， 在 右 侧 的 预览 窗口 中 就 会 看 到 实际 的 效果 ， 这 对 于 程序 员 来 说 就 是 一 种 莫名 的 “慰藉 ”。 


步骤 3 ”选中 新 添加 的 Label 对 象 ， 使 用 Option+Command+4 快 捷 键 切换 到 属性 检视 窗 。 在 Label 部 分 ， 将 Label 的 内 容 改 为 0，Color 设 置 为 White Color，Font 大 小 设置 为 24，Alignment 设 置 为 右 对 
齐 。 在 View 部 分 ， 将 Background 设 置 为 Light Gray Color。 


步骤 4 继续 选中 Label 对 象 ， 使 用 Option+Command+ 5 快捷 键 切换 到 大 小 检视 窗 (Size inspector) ， 查 看 Label 的 Width 值 为 288 和 Height 的 值 为 50 (你 创建 项 目的 数值 不 见得 与 这 两 个 值 完全 吻 
合 ) ， 那 么 这 个 Label 的 宽度 和 高 度 的 单位 是 什么 呢 ? 管 案 是 点 。 


在 项 目 中 的 Label 对 象 ， 它 的 大 小 是 288x 50 点 ， 而 实际 大 小 则 是 576x 100 像 素 ，1 个 点 等 于 2 个 像素 。 为 什么 要 有 点 和 像素 呢 ? 主要 原因 是 Retina。iPhone 4 以 前 的 设置 不 具备 Retina 屏 ， 所 以 在 其 上 面 
开发 应 用 ，1 个 点 等 于 1 个 像素 。 但 是 ， 在 具有 Retina 屏 的 设备 上 ， 苹 果 采 用 2 倍 的 比例 因子 ， 主 要 是 为 了 减轻 开发 的 复杂 度 。 以 iPhone 4s 为 例 ， 它 的 实际 屏幕 像素 值 是 640x960， 在 为 其 设计 用 户 界面 的 时 
候 以 点 (Point) 作为 单位 ， 这 样 在 iPhone 4 以 前 的 设备 上 运行 Calculator 项 目 ，Label 的 大 小 是 288x 50 像 素 。 在 iPhone 4 及 以 后 的 设备 上 运行 Calculator 项 目 ，Label 的 大 小 是 576x 100 像 素 值 (288x50 
BR) 。 而 这 些 大 小 的 设置 与 程序 员 无 关 ， 苹 果 会 自动 根据 设备 类 型 选择 相应 的 比例 因子 。 


步骤 5 在 Label 的 下 方 添加 多 个 UlButton 控 件 ， 然 后 修改 按钮 中 的 文字 内 容 和 大 小 ， 如 果 你 愿意 ， 还 可 以 改变 每 个 按钮 的 文字 颜色 ， 如 图 2-11 所 示 。 
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图 2-11 设置 计算 器 的 按钮 


在 添加 计数 器 按钮 的 时 候 ， 我 们 可 以 通过 复制 /粘贴 的 方式 完成 按钮 的 创建 。 


23.3 Interface Builder 的 布局 工具 


Interface Builder 提 供 了 一 些 有 用 的 工具 来 帮助 开发 者 对 界面 布局 进行 调整 。 


1. 参 考 线 


当 我 们 在 视图 中 拖 钨 某 个 对 象 的 上 时候， 就 会 注意 到 有 参考 线 出 现 ， 如 所 示 。 参 考 线 可 以 帮助 我 们 对 界面 进行 更 好 布局 。 
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图 2-12 参考 线 可 以 帮助 开发 者 在 视图 中 对 界面 控件 进行 准确 定位 


参考 线 是 自动 出 现在 视图 之 中 的 ， 它 会 进行 合理 地 磁力 停靠 ， 这 样 可 以 防止 界面 元 素 被 放置 在 视图 的 边缘 ， 避 免 了 用 户 手指 无 法 触 控 的 情况 。 


Qi 我 们 还 可 以 手动 增加 自 定义 的 参考 线 到 视图 之 中 ， 在 菜单 中 选择 Editor， 点 击 Add Horizontal Guide 3,Add Vertical Guide Rp Jo de E IR ARRA, BRAHE Н 20 8 X Pp >J ç 


2. 选 择 句柄 


除了 参考 线 以 外 ， 大 部 分 的 界面 元 素 都 有 选择 句柄 用 于 调整 对 象 的 宽度 和 高 度 。 当 选中 某 个 对 象 时 ， 其 周围 的 8 个 位 置 会 出 现 小 矩形 ， 拖 遇 它 们 就 可 以 改变 其 大 小 ， 如 图 2-13 所 示 。 


2-13 ”通过 选择 句柄 可 以 修改 按钮 的 大 小 


如 果 我 们 在 视图 中 添加 了 slider 对 象 ， 就 会 发 现 它 的 高 度 是 不 能 修改 的 。 在 对 象 库 中 的 部 分 视图 对 象 ， 其 大 小 是 不 能 调整 的 ， 苹 果 之 所 以 这 么 做 ， 是 考虑 到 iOSs 应 用 程序 的 规格 要 有 一 定 的 统一 性 。 
3. 对 齐 

要 想 在 视图 中 快速 对 齐 几 个 对 象 ， 需 要 先 拖 蝶 出 一 个 矩形 将 它们 全 部 包含 进去 ， 或 者 按 住 Shift 键 选择 需要 对 齐 的 对 象 ， 然 后 选择 菜单 中 的 “Editor 一 Align” ， 选 取 相应 的 对 齐 方式 即 可 。 

O 如 果 需 要 对 视图 的 位 置 进行 微调 ， 可 以 在 选中 它 以 后 按 上 、 下 、 左 、 右 键 去 调整 4 个 方向 的 位 置 ， 每 按 一 次 只 会 移动 1 个 点 (对 Retina 屏 幕 来 说 是 2 个 像素 ) 。 

4. 大 小 检视 窗 


除了 选择 句柄 以 外 ， 还 有 一 个 可 以 帮助 我 们 调整 对 象 大 小 的 工具 就 是 大 小 检视 窗 (The Size Inspector) 。 在 Interface Builder 中 有 很 多 检视 窗 ， 如 属性 、 帮 助 、 标 识 、 大 小 和 关联 。 其 中 ， 大 小 检视 窗 
不 仅 用 于 设置 对 象 的 大 小 尺寸 ， 还 可 以 设置 位 置 和 停靠 。 


© ЖУРИ Я ЛАА, MUS SHE Option BB 9I EUR TRAE — SNL Б, sQ h Ж, Дл] 2 Z IRL 9 SE 8 ИА, 1Х 26448 Ж УДБ. (Point) 为 单位 的 。 


24 FRIOS 8 的 视图 和 窗口 


在 前 面 几 节 的 学 习 中 我 们 已 经 为 Calculator 项 目 创建 了 用 户 界面 ， 其 中 使 用 了 视图 、Label 和 Button 控 件 ， 接 下 来 我 们 将 详细 了 解 有 关 视 图 和 窗口 的 概念 。 


241 ”视图 概述 
视图 属于 可 视 化 对 象 ， 多 个 视图 组 合 起 来 就 组 成 了 iOSs 应 用 程序 的 用 户 界面 。 视 图 本 质 上 反映 的 是 屏幕 上 的 一 块 特定 的 矩形 区 域内 所 发 生 的 事情 ， 例 如 ， 根 据 用 户 的 交互 进行 可 视 化 方面 的 更 新 。 所 有 视 
图 都 是 UIKit 框 架 中 的 UIView 类 的 子 类 ， 例 如 UILabel、UlImageView、UIButton 和 UITextField 都 是 它 的 子 类 。 


另外 一 个 比较 特别 也 比较 重要 的 UIView 子 类 就 是 UIWindow。 


2.4.2 UIWindow 类 
如 果 你 之 前 开发 过 Windows 或 OS X 平 台 的 桌面 应 用 程序 ， 肯 定 会 非常 熟悉 窗口 的 概念 。 一 个 典型 的 桌面 应 用 程序 会 有 多 个 窗口 ， 每 个 窗口 都 会 有 标题 栏 ， 并 且 在 标题 栏 中 还 会 有 一 些 控制 按钮 ， 负 责 
窗口 的 关闭 、 最 大 化 与 最 小 化 。 这 里 的 窗口 ， 简 单 来 说 只 是 提供 了 在 屏幕 上 的 一 个 “ 面 ”， 应 用 程序 在 这 个 “ 面 ” 上 向 用 户 呈 现 信息 和 交互 的 控件 。 


基于 iOs 的 UIWindow 类 也 提供 了 相同 的 功能 : 为 视图 组 件 的 显示 提供 “ 面 ”。 但 是 与 桌面 应 用 程序 之 间 的 不 同 在 于 iOS 应 用 程序 通常 只 能 有 一 个 窗口 ， 并 且 这 个 窗口 必须 充满 整个 屏幕 ， 也 没有 我 们 在 
桌面 应 用 程序 中 所 熟悉 的 标题 栏 。 


UIWindow 也 是 UIView 的 子 类 ， 而 且 它 位 于 整个 应 用 程序 视图 层次 的 最 顶端 。 用 户 根本 无 法 看 到 也 不 能 直接 与 UIWindow 对 象 进行 交互 ， 甚 至 它 本 身 在 一 般 情 况 下 都 是 由 1B 自 动 创建 的 。 


243 ”视图 的 层次 


构建 iOs 8 应 用 程序 的 用 户 界 面 使 用 了 分 层 的 方式 ， 不 同 的 视图 通过 父 / 子 关 系 相 互联 系 。 位 于 这 个 层次 中 最 顶端 的 视图 是 UIWindow 对 象 ， 然 后 添加 其 他 类 型 的 视图 对 象 。 在 本 章 之 前 我 们 设计 的 用 户 
界面 包括 1 个 窗口 、1 个 视图 、1 个 标签 和 17 个 按钮 。 用 户 界面 的 视图 层次 可 以 用 图 2-14 来 表示 。 
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2-14 Calculatot 项 目的 用 户 界 面 的 视图 层次 结构 


从 图 2-14 中 我 们 可 以 发 现 ，UIWindow 对 象 是 UIView 对 象 的 父 视图 ， 而 UIView 则 是 UIWindow 的 子 视图 。 同 理 ，UlLabel 和 UIButton 则 是 UlView 的 子 视图 。 子 视图 只 有 一 个 直接 父 视图 ， 而 一 个 视图 
则 可 以 有 多 个 子 视图 。 


另外 ， 视 图 层次 结构 可 以 嵌 套 更 多 层级 的 视图 结构 ， 比 如 我 们 可 以 设计 下 面 的 层次 结构 ， 如 图 2-15 所 示 。 但 是 为 了 简化 界面 ，Calculator 项 目 并 没有 使 用 这 样 的 层次 结构 。 
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82-15 ЖАЛА É < 253 


视图 的 层次 结构 可 以 有 效 地 帮助 开发 者 组 织 和 管理 复杂 的 用 户 界面 。 很 明显 ， 子 视图 总 是 出 现在 其 父 视 图 的 上 面 。 可 以 想象 ， 当 Calculator 运 行 的 时 候 ，UILabel 总 是 出 现在 UIView 的 上 面 。 不 仅 如 
此 ， 当 父 视图 大 小 发 生变 化 的 时 候 (视图 大 小 改变 通常 是 在 屏幕 发 生 旋转 的 时 候 ) ， 依 据 视图 之 间 的 相互 关系 子 视图 的 大 小 和 位 置 也 会 发 生变 化 。 


在 Calculator 项 目 中 UIWindow 对 象 对 用 户 来 说 是 不 可 见 的 ， 因 为 它 总 是 会 被 其 上 的 UIView 对 和 象 全 部 覆盖 掉 ， 然 后 在 这 个 UIView 上 面 显示 UILabel 和 UlIButton。 


视图 的 层次 同时 也 定义 了 交互 事件 的 处 理 方式 ， 称 做 “响应 链 ”。 例 如 ， 一 个 子 视图 收 到 一 个 不 能 处 理 的 事件 ， 那 么 这 个 事件 就 会 被 传递 到 它 的 即时 父 视图 对 象 。 如 果 父 视图 也 不 能 处 理 该 事件 ， 则 继 
续 传递 给 它 的 父 视图 。 就 这 样 层 层 传递 ， 直 到 某 个 视图 对 象 可 以 处 理 这 个 事件 为 止 。 


2.4.4 视图 的 类 型 


UIKit 框 架 包 含 了 各 种 视图 对 象 ， 可 以 分 为 以 下 几 类 。 

(1) 窗口 

窗口 (The Window) 特 指 前 面 所 介绍 的 UIWindow 类 ， 它 是 整个 视图 层次 中 的 根 视图 (root view) ， 并 且 为 所 有 需要 绘制 的 子 视 图 提供 一 个 “ 面 ”。 
(2) 容器 视图 

与 普通 的 视图 对 象 相 比 ， 容 器 视图 (Container View) 增加 了 一 些 功能 ， 比 如 ，UlscrollView 类 就 提供 了 滚动 条 和 滚动 功能 。 

(3) 控件 

控件 类 (Controls) 所 包含 的 视图 既 可 以 呈现 信息 又 可 以 响应 用 户 的 交互 。 控 件 类 都 继承 自 UIControl 类 (UIControl 继 承 自 UIView) ， 如 按钮 、 滑 动 块 、 开 关 等 。 
(4) 显示 视图 

显示 视图 (Display Views) 与 控件 差不多 ,但 它 只 能 呈现 反馈 的 可 视 化 信息 ， 并 不 能 响应 用 户 的 交互 ， 比 如 UlLabel 和 UllmageView 类 。 

(5) 文本 和 网 页 视图 

UlTextView 和 UIWebView 这 两 个 类 都 能 够 显示 特定 格式 的 信息 给 用 户 ， 比 如 UIWebView 可 以 显示 HTML 格 式 的 内 容 。 

(6) 导航 视图 和 标签 栏 

导航 视图 (Navigation Views) 和 标签 栏 (Tab Bars) 提供 了 让 用 户 在 程序 中 进行 视图 导航 的 机 制 ， 比 如 电话 程序 和 邮件 程序 。 

(7) 警告 视图 


警告 视图 (Alert Views and Action Sheets) 的 设计 目的 是 当 有 紧急 或 重要 信息 的 时 候 提 醒 用 户 注意 ， 它 们 还 提供 了 可 选 的 按钮 让 用 户 决定 如 何 进行 后 面 的 操作 。UIAlertView 会 在 屏幕 中 央 的 位 置 显 
示 一 个 消息 框 ，UIActionSheet 则 会 从 屏幕 的 下 方 滑 入 。 


25 ”与 代码 进行 关联 


通过 前 面 的 学 习 ， 我 们 已 经 知道 如 何在 故事 板 中 创建 用 户 界面 ， 但 在 搭建 好 用 户 界面 以 后 又 要 做 什么 呢 ? 接 下 来 就 需要 将 控件 对 象 和 程序 代码 关联 起 来 。 我 们 在 创建 Calculator 项 目的 时 候 使 用 了 默认 
的 Single View Controller 模 板 ， 该 模板 关联 了 故事 板 中 的 View Controller 场 景 和 ViewController.swift 文 件 中 的 ViewController 类 。 现 在 我 们 在 故事 板 中 查验 一 下 。 


在 故事 板 中 选中 View Controller 场 景 ， 使 用 ommand+Option+3 快 捷 键 切换 出 标识 检视 窗 (Identity Inspector) ， 在 Custom Class 部 分 中 ， 查 看 Class 是 否 被 设置 为 ViewController。 
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图 2-16 ”故事 板 中 查验 View Controller AX Pg Ж 3€ 65 Ж 


Class 中 所 设置 的 ViewController 指 的 就 是 项 目 中 的 View-Controller 类 (ViewController.swift 文 件 中 ) ，ViewController 类 是 一 个 控制 器 类 ， 它 包含 一 个 View 属 性 (БЕР) ， 该 属性 指向 故事 板 中 的 
ViewController 视 图 ， 也 就 是 说 ViewController 类 控制 着 这 个 视图 。 但 是 ， 这 个 控制 器 类 还 不 能 操作 刚刚 在 这 个 视图 中 所 添加 的 那些 可 视 化 控件 ， 接 下 来 就 需要 建立 控制 器 和 视图 之 间 的 关联 。 


2.5.1 要 完成 的 效果 


本 章 的 实践 中 ， 我 们 需要 通过 UIButton 输 入 操作 数 和 运算 符 ， 最 后 还 要 将 计算 结果 显示 到 UILabel 对 象 上 ， 如 图 2-17 所 示 。 


105 Simulator - Phone 5s - iPhone 55 /105 8... 
mm: 


Сапег = 1:34 PM 


图 2-17 Calculatot 项 目 在 iOS 模 拟 器 中 的 运行 效果 


2.5.2 ”理解 Outlet 和 Actions 
在 前 面 的 实战 练习 中 ， 我 们 使 用 Interface Builder 设 计 了 一 个 简单 的 计算 器 界面 ， 并 且 还 在 ldentifier 检 视窗 中 看 到 了 所 对 应 的 ViewController.swift 类 。 那 么 问题 就 是 ， 我 们 通过 什么 方法 能 够 让 
ViewController 类 中 的 代码 与 故事 板 中 的 用 户 界面 元 素 进 行 交互 呢 ? 


方法 肯定 是 有 的 ， 一 个 控制 器 类 中 的 属性 (实例 变量 ) 可 以 通过 引用 的 方式 与 故事 板 或 者 nib 文 件 中 的 视图 对 象 建立 联系 ， 只 要 我 们 在 类 中 声明 属性 的 时 候 加 上 关键 字 I|BOutlet。 我 们 可 以 把 Outlet 想 象 
成 一 个 指向 用 户 界面 对 象 的 指针 。 例 如 在 Calculator 项 目 中 ， 我 们 创建 了 一 个 Label 对 象 ， 当 进行 计算 时 ， 需 要 这 个 Label 显 示 用 户 输入 的 数据 以 及 计算 的 结果 ， 所 以 通过 Outlet 就 可 以 在 代码 中 更 新 Label 的 


— HAZ 
显示 内 容 。 


与 Outlet 相 反 ， 当 触发 故事 板 或 者 nib 文 件 中 的 界面 对 象 时 ， 需 要 执行 指定 类 中 的 方法 ， 这 个 指定 的 方法 就 是 Action 方 法 。 例 如 Calculator 项 目 中 的 数字 按钮 ， 当 用 户 点 击 这 些 按钮 的 时 候 就 要 执行 
Action 方 法 。 我 们 甚至 可 以 设置 成 当 用 户 点 击 按钮 以 后 执行 某 个 方法 ， 或 者 是 当 用 户 点 击 按钮 后 在 手指 离开 的 时 候 执 行 某 个 方法 。 


我 们 可 以 先 在 模拟 器 中 查看 用 户 界面 的 搭建 效果 。 


步骤 1 ”点击 Xcode 工具 栏 中 左 侧 的 “Run” 按 钮 ， 当 编译 成 功 以 后 ， 启 动 iOS 模 拟 器 并 自动 运行 Calculator 项 目 (设备 建议 选择 iPhone 5 或 iPhone 5s) 。 此 时 ， 点 击 计算 器 中 任何 按钮 的 时 候 ， 只 会 
到 按钮 有 被 点 击 的 效果 反应 ， 程 序 方面 并 不 会 执行 什么 。 


当 用 户 点 击 计算 器 按钮 的 时 候 ， 视 图 就 会 触发 一 个 动作 (Action) ， 动 作 会 以 指定 的 方法 形式 呈现 在 ViewController 类 中 。 通 过 执行 该 方法 ， 我 们 可 以 将 运算 结果 反馈 到 故事 板 的 Label 中 。 所 谓 的 反 
， 实 际 上 就 是 通过 代码 修改 故事 板 中 Label 对 象 的 属性 ， 因 此 需要 建立 Outlet 关 联 。 


Яй 


我 们 可 以 通过 助手 编辑 器 为 ViewController 类 添加 1 个 Outlet 和 17 个 Action。 
在 项 目 导 航 中 选择 Main.storyboard 文 件 ， 从 菜单 中 选择 “View 一 Assistant Editor^ Show Assistant Editor” 打 开 助 手 编辑 器 。 


如 果 在 故事 板 里 面 选中 了 某 个 视图 场景 ， 那 么 当 我 们 打开 助手 编辑 器 后 ， 会 自动 显示 与 场景 对 应 的 视图 控制 器 类 文件 。 比 如 ， 在 当前 Main.storypboard 中 选中 的 是 ViewController 场 景 ， 则 切换 到 助手 
编辑 器 模式 的 时 候 ， 会 自动 打开 ViewController.swift 文 件 。 如 果 没有 打开 该 文件 ， 则 可 以 通过 编辑 器 项 部 的 工具 栏 选择 相应 的 文件 ， 如 图 2-18 所 示 。 


ic Automatic > = ViewController.swift > No Selection 


// 


// WMiewController.swift | ` Sm | 
// Calculator Xt EE nS SEHJM TE 
// 

// Created by #8] on 14/8/8. 


// Copyright (c) 2814 年 liuming. All rights reserved. 
// 


import UIKit 


class ViewController: UIViewController í 


图 2-18 在 助手 编辑 器 模式 下 选择 需要 的 文件 
接 下 来 ， 我 们 开始 创建 ViewController 类 与 故事 板 中 Label 的 Outlet 关 联 。 
步骤 2 确定 ViewController.swift 文 件 显示 在 助手 编辑 窗口 中 。 


步骤 3 ”故事 板 中 ， 在 Label 控 件 上 按 住 鼠 标 右 键 ， 将 其 拖 忠 至 右 侧 窗 口中 ViewController.swift 文 件 的 @interface 命 令 的 下 方 ， 如 图 2-19 所 示 。 


"n 

// WMiewController.swift 

// Calculator 

// 

// Created by #0 on 14/B/8. 

// Copyright (c) 2814 年 liuming. All rights reserved. 
/ / 


—vəss VjewController: UIViewController 1 
Бе 2289 


^ 
override func viewDidLoad! 7 Nen qd eru ШК (e 


super.viewDidLoad() 
// Do any additional setup after loading the view, typically 
from a nib. 
} 


override func didReceiveMemoryWarning() { 
super.didReceiveMemoryWarning(i) 
// Dispose of any resources that can be recreated. 


图 2-19 ”向 ViewConttollet 类 添加 Outlet 关 联 


松 开 鼠标 以 后 会 弹出 关联 设置 面板 ， 如 图 2-20 所 示 。 将 Connection 设 置 为 Outlet， 将 Name 设 置 为 labelResult，Type 和 storage 不 用 修改 ， 设 置 好 后 点 击 “Connect” 按 钮 。 


// Copyright (c) 280145: liuming. All rights reserved. 
4 EN 7/ 
Connection | Outlet ^ 


Object o View Controller 


— class ViewController: UIViewController 1 
Mame  labelResult 


override func viewDidLoad(] 1 
Type | UlLabel super,viewDidLoad() 


import UIKit 


Storage | Weak ^ // Do any additional setup after loading the view, 


from a nib. 


О Cancel | } 
wa | override func didReceiveMemoryWarning() í 


super,didReceiveMemoryWarning() 
// Dispose of any resources that can be recreated. 


图 2-20 ”设置 Dutlet 属 性 


在 Outlet 关 联 构 建 好 以 后 ，ViewController 类 中 会 新 增加 一 行 @IBOutlet 声 明 : 


class ViewController: UIViewController { 
QIBOutlet weak var labelResult: UILabel! 


在 这 个 例子 中 ， 我 们 创建 了 一 个 叫 labelResult 的 Outlet， 这 个 指针 指向 故事 板 中 ViewController 场 景 里 面 的 Label 对 象 。 


在 编译 项 目 代码 时 ，Swift 编 译 器 不 会 对 @1BOutlet 声 明 做 任何 特别 的 事情 。@1BOutlet 唯 一 的 目的 就 是 告诉 Xcode 这 个 属性 会 连接 故事 板 或 nib 文 件 中 的 一 个 视图 对 象 。 也 就 是 说 ， 任 何 想 要 指向 故事 
板 或 nib 文 件 的 属性 必须 被 声明 为 @IBOutlet。 


Action 与 Outlet 正 好 相反 ， 它 代表 一 个 动作 ， 当 用 户 在 控件 对 象 上 进行 交互 操作 并 需要 反馈 给 ViewController 时 ， 就 会 调用 这 个 动作 所 关联 的 程序 代码 。 当 用 户 点 击 场景 中 按钮 时 ， 就 会 触发 一 个 事 
件 ， 这 个 事件 会 调用 我 们 在 类 中 定义 的 Action 方 法 。 


建立 Action 关 联 的 方法 与 Outlet 稍 微 有 些 区 别 ， 接 下 来 我 们 为 故事 板 中 的 UIButton 与 ViewController 类 建立 Action 关 联 。 


步骤 4 在 IBOutlet 的 下 面 添加 5 个 实例 变量 的 定义 : 


class ViewController: UIViewController 


GIBOutlet weak var labelResult: UIlLabel! 
var firstOperand: Double = 0.0 // 第 一 操作 数 
var secondOperand: Double = 0.0 // 第 二 操作 数 
Bool = false // 标记 是 否 输 入 了 小 数 点 


var decimalPointFlag: 
var isSecond: Bool - false // 是 否 输 入 第 二 操作 数 
var operatorFlag: String = "" // 操作 符 


步骤 5 ”故事 板 中 ， 在 按钮 为 0 的 Button 控 件 上 按 住 鼠 标 右 键 ， 然 后 将 其 拖 护 至 助手 编辑 器 窗口 中 ViewController 类 中 的 didReceiveMemoryWarning 方 法 的 下 面 ， 如 图 2-21 所 示 。 


松 开 鼠 标 以 后 ， 在 弹出 的 关联 设置 面板 中 ， 将 Connection 设 置 为 Action， 将 Name 设 置 为 buttonTap， 将 Type 设置 为 UIButton， 将 Event 设 置 为 Touch Up Inside，Arguments 设 置 为 Sender， 如 图 
2-22 所 示 。 设 置 好 以 后 点 击 “Connect” 按 钮 。 


Hi 

ff Created by $3 on 14/B/8. 

JE Copyright (c) 20145F liuming. All rights reserved, 
// 


import UIKit 
class ViewController: UIViewController ( 


glBOutlet weak var labelResult: UILabel! 
override func viewDidLoad(] í 
super,viewDidLoad()] 
// Do any additional setup after loading the view, typically 
from a nib. 


override func didReceiveMemoryWarning() 1 
super.didReceiveMemoryWarning()! 
// Dispose of any resources that can be recreated. 


Insert Outlet, Action, or Outlet Collection 


图 2-21 为 数字 按钮 添加 IBAction 关 联 


Connection | Action Š override func didReceiveMemorywarning() 1 


Object View Controller super,didReceiveMemoryWarningl) 
е“ © // Dispose of any resources that can be recreated. 


Name | 

Type 'UlButton. 

Event | Touch Up Inside 
Arguments | Sender | 


Cancel Connect 


图 2-22 ”设置 Button 的 [BAction 属 性 


在 默认 情况 下 ， 关 联 设 置 面板 中 的 Connection 是 Outlet， 在 选择 Action 以 后 面板 会 发 生 一 些 变 化 。Name 代 表 所 定义 的 Action 方 法 的 名 称 ; Type 代表 该 方法 会 携带 一 个 参数 ， 这 个 参数 的 类 型 是 
UlButton (传递 给 buttonTap 方 法 的 参数 就 是 故事 板 中 指向 UIButton 对 象 的 指针 变量 ) ， 所 以 这 里 的 Type 我 们 设置 为 UIButton 类 型 。Event 代 表 用 户 所 触发 的 事件 ， 当 用 户 点 击 按钮 后 并 离开 的 时 候 会 触 
发 buttonTap 方 法 ; Arguments 代 表 buttonTap 方 法 所 携带 的 参数 形式 ， 它 分 为 3 种 : 不 带 参数 、 带 一 个 参数 (Sender， 表 示 用 户 在 故事 板 中 所 交互 的 那个 对 象 ) 、 带 两 个 参数 (Sender 和 Event， 除 了 所 
交互 的 视图 对 象 外 还 有 所 触发 的 事件 ) 。 


@ 在 关联 设置 面板 中 点 开 Event 列 表 后 ， 会 发 现 很 多 不 同 的 事件 ， 我 们 可 以 根据 需要 选择 。 


在 创建 好 Action 以 后 ，ViewController.swift 文 件 应 该 如 下 面 这 样 : 


import UIKit 
class ViewController: UIViewController { 
@IBOutlet weak var labelResult: UILabel! 


GIBAction func buttonTap (sender: UIButton) ( 
} 


步骤 6 ”以 此 类 推 ， 将 1~ 9 按钮 与 buttonTap 方 法 建立 IBAction 关 联 。 因 为 用 户 按 0~ 9 这 10 个 按钮 调用 的 都 是 buttonTap 方 法 ， 所 以 我 们 不 用 为 接 下 来 的 9 个 再 单独 创建 新 的 方法 。 在 1 按钮 上 按 住 鼠 标 右 
键 ， 拖 昌 至 buttonTap 方 法 上 ， 如 图 2-23 所 示 ， 再 将 2~ 9 按钮 照 此 方法 操作 。 


eglBOutlet weak var labelResult: UILabel! 
override func viewDidLoad() í 
super,.viewDidLoadi) 
// Do any additional setup after loading the view, 
from a nib. 


} 


override func didReceiveMemoryWarning() + 
super.didReceiveMemoryWarning() 
// Dispose of any resources that can be recreated. 


| eIBAction func buttonTap(sender: UIButton) { | 
| } 


| Connect Action 


图 2-23 ”为 1~9 按 钮 建立 IBAction 关 联 


步骤 7 在 编辑 器 的 右 侧 窗 口中 编辑 ViewController.swift 文 件 ， 找 到 buttonTap 方 法 并 在 该 方法 中 添加 下 面 的 代码 : 


@IBAction func buttonTap(sender: UIButton) ( 


// labelResult 中 默认 是 0， 如 果 开 始 输入 数字 ， 则 先 清除 0 
if labelResult.text == "0" || (isSecond && secondOperand == 0.0) { 
labelResult.text = "" 


} 
// 将 用 户 录入 的 数 添 加 到 label1Result 中 
//labelResult.text = labelResult.text + sender.titleLabel 
if let value = sender.titleLabel?.text { 

labelResult.text = labelResult.text! + value 


} 


H- 


f isSecond { 
secondOperand = (labelResult.text! as NSString) .doubleValue 
Jelse { 
// 将 labelResult 中 的 字符 串 转 化 为 单 精度 数 
firstOperand = (labelResult.text! as NSString).doubleValue 


} 
// 在 控制 台中 输出 转换 完 的 数值 


printin(firstOperand) 


构建 并 运行 应 用 程序 ， 当 我 们 按 下 数字 键 以 后 ， 数 值 就 会 同时 显示 在 Label 和 控制 台中 。 接 下 来 ， 我 们 还 要 处 理 有 关 小 数 点 的 问题 。 


步骤 8 将 故事 板 中 的 小 数 点 按钮 与 ViewController 类 建立 1BAction 关 联 。 在 小 数 点 按钮 上 按 住 鼠标 右键 ， 拖 撮 至 buttonTap 方 法 的 下 面 ， 在 弹出 的 面板 中 Connection 设 置 为 Action，Name 设 置 为 
decimalPointTap，Event 设 置 为 Touch Up Inside，Arguments 设 置 为 None。 


通过 1BAction 关 联 ， 当 我 们 点 击 小 数 点 按钮 以 后 ， 系 统 就 会 调用 decimalPointTap 方 法 ， 而 且 我 们 也 不 需要 所 传递 的 参数 信息 ， 所 以 将 Arguments 设 置 为 None。 


步骤 9 在 ViewController.swift 文 件 中 添加 下 面 关 于 小 数 点 的 程序 代码 : 


class ViewController: UIViewController { 
@IBOutlet weak var labelResult: UILabel! 


f isSecond { 
secondOperand = (labelResult.text! as NSString).doubleValue 

Jelse ( 
firstOperand = (labelResult.text! as NSString).doubleValue 


Es 


} 


decimalPointFlag = !decimalPointFlag 


构建 并 运行 应 用 程序 ， 此 时 可 以 正常 输入 带 小 数 部 分 的 数字 。 在 第 3 章 中 我 们 还 会 继续 完善 Calculator 项 目 ， 将 添加 更 多 的 IBAction 方 法 。 


2.5.3 ”使 用 快速 检查 器 查看 关联 


如 果 我 们 在 建立 天 联 时 出 现 了 错误 ， 比 如 关联 了 错误 的 Outlet 变 量 ， 为 错误 的 事件 指定 了 一 个 Action 方 法 等 。 要 想 查看 某 场景 所 有 的 关联 信息 ， 可 以 在 故事 板 大 纲 视 图 的 ViewController 图 标 上 点 击 鼠 
标 右 键 调 出 快速 检查 器 ， 如 图 2-24 所 示 。 
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图 2-24 ”在 ViewConttoller 图 标 上 点 击 鼠 标 右键 打开 快速 检查 器 
在 快速 检查 嚣 中， 我 们 可 以 点 击 已 关联 好 的 对 象 前面 的 “X” 移 除 关联 ， 也 可 以 点 击 后 面 的 圆圈 建立 新 的 关联 。 点 击 检查 器 左上 角 的 “X” 可 以 关闭 整个 快速 检查 器 。 
除了 通过 快速 检查 器 检查 关联 以 外 ， 在 代码 文件 中 也 可 以 查看 是 否 成 功 关 联 。 
1) 在 项 目 导航 中 选择 ViewController.swift 文 件 。 


2) 在 IBOutlet 和 IBAction 的 声明 语句 之 前 看 到 实心 的 圆 点 ， 代 表 已 经 成 功 建立 关联 ， 如 图 4-31 所 示 。 如 果 看 到 的 是 空心 圆 点 ， 则 代表 没有 建立 关联 。 


dIBOÜutlet weak var LabelResult: UILabel! 


var firstOüperand: Double = 
var Secondüperand: Double 0.0 | 
var decimalPointFlag: Bool = false // Жї mw T TRA 


override func viewDidLoad()] {++} 
override func didReceiveMemoryWarning(l) ( ==] 
alBAction func buttonTap(sender: UIButton) {=} 


arBAction func decimalPointTapl) i 


图 2-25 ”成 功 建立 关联 的 IBOutlet 和 IBAction 


Ө. 在 故事 板 中 成 功 建立 关联 以 后 ， 如 果 此 时 想 要 在 代码 中 删除 Outlet 变 量 或 Action 方 法 ， 还 需要 在 故事 板 中 删除 建立 的 关联 ， 否 则 会 导致 程序 前 溃 退 出 。 


第 3 草 ”设计 模式 和 视图 控制 器 


在 继续 构建 第 2 章 的 Calculator 项 目 之 前 ， 有 必要 对 一 些 天 键 知识 点 进行 了 解 ， 这 样 我 们 不 仅 能 够 顺利 完成 项 目 ， 而 且 也 清楚 为 什么 这 样 做 。 本 章 中 最 重要 的 一 个 知识 点 就 是 MVC 设 计 模式 ， 通 过 设计 
模式 所 构建 的 代码 可 以 清晰 地 定义 应 用 程序 的 架构 ， 提 高 代码 的 阅读 性 和 可 维护 性 。 


除了 学 习 设计 模式 之 外 ， 我 们 还 会 学 习 视 图 控制 器 (View Controller) 的 相关 知识 ， 它 负责 管理 视图 ， 并 处 理 与 其 相关 的 诸多 任务 ， 包 括 视 图 的 管理 、 设 备 方向 的 旋转 ， 当 发 生 低 内 存 警 告 时 卸载 那些 
无 用 的 视图 对 象 等 。 每 个 视图 控制 器 都 有 属于 自己 的 视图 ， 并 形成 属于 自己 的 视图 体系 结构 ， 所 有 的 界面 对 象 都 会 呈现 在 这 个 体系 之 中 。 


在 第 2 章 中 ， 我 们 使 用 Single View Application 模 板 构建 了 Calculator 项 目 ， 并 且 为 ViewController 视 图 控制 器 中 的 视图 添加 了 Label 和 Button 界 面 元 素 。 在 本 章 的 实践 中 ， 我 们 将 完成 计算 器 所 有 的 相 
关 功 能 。 


31 ”MVC 设计 模式 简介 
要 想 成 为 一 名 优秀 的 iOS 程 序 开 发 人 员 ， 至 少 要 具备 一 种 面向 对 象 程序 设计 语言 的 开发 经 验 ， 比 如 Java、C++ 或 C#， 并 且 C 语 言 也 是 我 们 必须 熟练 掌握 的 ， 在 此 基础 上 学 习 Swift 语 言 就 会 游 轧 有 余 。 除 
此 以 外 ， 我 们 还 要 对 设计 模式 有 一 定 的 了 解 。 在 iOS 中 最 重要 的 ， 也 是 使 用 最 多 的 一 种 设计 模式 就 是 : 模型 -视图 -控制 器 (Model-View-Controller, MVC) 设计 模式 。 


在 开发 面向 对 象 应 用 程序 之 前 (甚至 是 面向 对 象 程序 开发 成 为 主流 后 的 一 段 时 间 ) ， 程 序 员 们 在 编写 程序 代码 时 还 总 是 愿意 将 用 户 界面 代码 、 应 用 程序 逻辑 和 数据 处 理 代码 混合 在 一 起 。 其 好 处 就 是 可 
以 快速 完成 一 个 初期 的 项 目 ， 但 是 后 期 维护 和 升级 时 会 让 整个 项 目 变 得 举步维艰 。 


例如 ， 假 如 你 的 项 目 团队 为 Windows 平 台 开 发 了 一 个 文本 编辑 器 ， 但 是 当 需 要 将 它 移植 到 Mac OSs 平 台 的 时 候 ， 我 们 不 得 不 将 基于 Windows 用 户 界面 的 代码 从 数据 和 逻辑 代码 中 和 剥离， 然后 著 换 成 相应 
的 Mac Os 用 户 界面 代码 ， 难 度 可 想 而 知 。 但 是 再 将 其 移植 到 Web 平 台 呢 ”还 需要 经 历 这 一 痛苦 的 过 程 。 要 想 完 成 这 个 “壮举 ”， 人 往往 需要 付出 非常 大 的 努力 ， 并 且 讨 论 到 最 后 可 能 最 省 事 的 方法 会 变 成 独 
立 为 每 个 平台 重 写 所 有 的 代码 。 


MVC 设 计 模 式 的 目的 就 是 将 应 用 程序 的 用 户 界面 代码 、 程 序 逻 辑 和 数据 处 理 代 码 彼此 分 离 。 在 这 里 ，Model 封 装 了 应 用 程序 的 数据 ，View 负 责 呈 现 和 管理 用 户 界面 ，Controller 则 提供 应 用 程序 的 基本 
逻辑 ， 并 作为 Model 和 View 的 “中 间 人 ”。 当 用 户 与 View 进 行 交 互 时 ，Controller 可 以 命令 Model 修 改 数据 。 当 Mode| 数 据 发 生 改 变 时 ，Controller 也 要 通知 View 进 行 界 面 更 新 。 这 样 做 的 意义 在 于 
Model 与 View 之 间 不 会 发 生 任 何 联系 ，Model 只 是 负责 存储 和 处 理 数据 ， 当 控制 器 调用 数据 时 ，Model 只 要 完成 自己 的 任务 就 好 。 


在 Swift 语 言 中 ， 我 们 所 创建 的 任何 类 都 属于 下 面 这 三 个 类 型 中 的 一 个 : 视图 对 象 (View) 、 数 据 模型 对 象 (Model) 或 控制 器 对 象 (Controller) 。 通 常 一 个 应 用 程序 不 仅 限 于 只 有 一 个 Model、 
View 和 Controller。 在 Swift 中 我 们 通常 把 控制 器 叫 作 视 图 控制 器 (View Controller) 。 


视图 控制 器 与 数据 模型 对 象 之 间 的 交互 主要 通过 数据 模型 对 象 中 的 公共 方法 和 属性 ， 这 与 在 面向 对 象 (OOP) 环境 中 对 象 之 间 的 调用 相同 。 
视图 控制 器 与 视图 之 间 的 交互 会 稍微 复杂 一 点 ， 需 要 借助 Outlet 和 Action 通 过 目标 (Target) -动作 (Action) 模式 实现 ， 在 第 2 章 的 学 习 中 我 们 已 经 接触 到 了 。 
简 而 言 之 ，MVC 设 计 模式 要 求 在 iOs 应 用 程序 开发 的 过 程 中 ， 所 有 的 对 象 必须 属于 Model、View、Controller 三 大 “阵营 ”中 的 一 个 。 


视图 对 象 是 负责 用 户 界面 的 对 象 ， 比 如 在 Calculator 项 目的 故事 板 里 面 ，View Controller 场 景 中 的 Label 和 Button 都 是 视图 对 象 。 一 般 来 说 ， 视 图 对 象 是 UlView 类 或 其 子 类 ， 比 如 UILabel、 
UIButton、UlSlider 等 。 当 然 ， 如 果 需 要 ， 还 可 以 自 定 义 一 些 视 图 类 对 象 ， 如 BackgroundView、ShoppingView 等 ， 相 信 看 到 这 些 类 的 名 字 ， 你 就 能 够 猜 出 它们 是 负责 呈现 信息 的 视图 对 象 。 


数据 模型 对 象 是 负责 处 理 数据 的 ， 它 与 视图 对 象 之 间 不 发 生 任何 关系 。 在 本 章 的 实践 中 ，Model 对 象 只 是 操作 数 (firstOperand 和 secondOperand) 、 操 作 符 (operatorFlag) 等 变量 。 


作为 数据 模型 对 象 ， 它 们 通常 是 一 些 标准 的 集合 对 象 (如 NSArray、NSDictionary 和 NSSet 类 ) 和 一 些 标准 数据 对 象 (如 NSString、NSDate、NSNumber 类 ) 。 对 于 大 型 或 复杂 的 数据 模型 ， 往 往 需 
要 创建 自 定 义 类 并 伴随 着 数据 库 的 支持 ， 例 如 Shopping、Employee 等 。 


如 果 把 应 用 程序 看 作 一 座 工 片 ， 那 么 视图 对 象 和 数据 模型 对 象 就 好 比 是 工厂 中 不 同 分 工 的 工人 ， 他 们 都 只 负责 做 好 自己 应 该 做 的 事情 。 例 如 ，Label 对 象 只 负责 在 用 户 界面 中 的 指定 位 置 显示 一 个 指定 尺 
十 的 文本 信息 ， 至 于 文本 的 内 容 它 并 不 关心 ， 到 时 候 “ 会 有 人 告诉 他 ”。 而 String 对 象 只 负责 存储 一 个 字符 串 ， 人 至 于 这 个 字符 串 用 在 哪里 他 并 不 关心 ， 到 时 候 “ 会 有 人 来 指定 ”。 


控制 器 对 象 用 来 管理 应 用 程序 ， 它 负责 视图 对 象 和 数据 模型 对 象 之 间 的 联系 与 同步 ， 控 制 着 在 程序 中 传递 的 各 种 信息 流 。 比 如 Calculator 项 上 目 ， 当 用 户 点 击 屏 幕 上 的 数字 按钮 以 后 ， 数 字 按钮 (View) 
会 把 该 事件 报告 给 视图 控制 器 (项 目 中 的 ViewController 类 ) ， 视 图 控制 器 再 调用 数据 模型 对 象 中 的 方法 或 属性 。 当 控制 器 从 数据 模型 对 象 处 获取 结果 后 ， 再 将 信息 传递 给 视图 对 象 (ViewController 场 景 
中 的 Label 对 象 ) ， 最 终 通 过 Label 对 象 更 新 屏幕 上 的 显示 信息 。 到 此 为 止 ，MVC 之 间 的 简单 工作 流程 就 结束 了 ， 如 图 3-1 所 示 。 
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控制 器 用 从 数据 模型 中 。 控制 器 从 数据 模型 中 
获取 的 数据 修改 视图 。 ”取得 用 户 需 要 的 数据 


图 3-1 MVC 设 计 模 式 的 内 部 信息 流 


从 图 3-1 中 可 以 看 出 ， 控 制 器 对 象 就 像 中 介 一 样 ， 左 右 各 联系 着 视图 和 数据 模型 。 在 日 常生 活 中 ， 我 们 都 比较 讨厌 中 介 (尤其 是 那些 频繁 给 你 打 电 话 的 房屋 中 介 ) ， 那 么 为 什么 就 不 能 让 视图 和 数据 模型 
直接 联系 ， 非 要 有 个 中 介 呢 ?道理 很 简单 ， 面 向 对 象 编程 的 优势 之 一 就 是 类 的 可 复 用 。 如 果 去 掉 控 制 器 这 个 中 介 ， 用 户 在 屏幕 上 的 交互 操作 都 直接 由 视图 对 象 去 操作 数据 模型 对 象 ， 那 么 ， 视 图 中 势必 包含 
了 对 数据 模型 的 引用 语句 (#import) 。 但 是 ， 当 我 们 在 其 他 地 方 复 用 该 视图 类 时 ， 又 可 能 会 包含 进 其 他 的 数据 模型 类 。 也 就 是 说 ， 复 用 越 多 ， 包 含 不 必要 的 数据 模型 类 的 可 能 性 越 大 。 再 有 ， 随 着 程序 代 
码 不 断 升 级 和 完善 ， 在 修改 数据 模型 类 (比如 添加 、 删 除 模型 类 中 的 属性 和 方法 ) 以 后 ， 就 有 可 能 会 对 视图 调用 数据 模型 产生 非常 严重 的 不 良 影响 ， 为 应 用 程序 的 运行 添加 很 多 不 稳定 因素 。 


在 使 用 项 目 模板 创建 iOS 应 用 程序 时 ，Xcode 已 经 自动 创建 了 一 个 控制 器 类 (View-Controller.swift 文 件 中 定义 的 类 ) 。 需 要 清楚 的 是 ， 大 部 分 的 应 用 程序 都 会 含有 多 个 控制 器 ， 因 为 Calculator 项 目 非 
常 简单 ， 所 以 只 含有 一 个 控制 器 一 一 ViewController。 


项 目 中 ViewController 的 任务 就 是 当 用 户 点 击 计算 器 界面 中 按钮 时 ， 触 发 目标 类 中 的 相关 方法 ， 从 而 得 到 相应 的 计算 结果 。 


3.2 Calculator 项 目 中 的 控制 器 


在 Calculator 项 目 中 ，ViewController.swift 文 件 中 所 定义 的 ViewController 类 就 是 一 个 视图 控制 器 ， 与 它 关 联 的 视图 就 是 Main.storyboard 文 件 中 ViewController 场 景 里 面 的 View， 如 图 3-2 所 示 。 如 
果 我 们 选择 故事 板 中 ViewController 场 景 中 的 控制 器 ， 然 后 按 Command+Option+ 3 快捷 键 切换 到 标识 检视 窗 ， 就 会 看 到 Custom Class 部 分 的 Class 被 设置 为 ViewController， 它 代表 与 该 视图 关联 的 控制 
器 是 ViewController.swift 中 的 ViewController 类 ， 如 图 3-3 所 示 。 
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图 3-3 ”在 视图 中 查看 与 之 关联 的 视图 控制 器 


本 章 我 们 会 完成 ViewController 视 图 控制 器 中 的 全 部 代码 ， 这 些 代 码 用 于 实现 基本 的 计算 功能 。 在 第 2 章 中 已 经 完成 了 故事 板 中 视图 对 象 的 创建 。 接 下 来 ， 主 要 关注 控制 器 和 数据 模型 方面 。 


32.1 ”实现 计算 器 运算 符 的 相关 代码 


Calculator 项 目 可 以 实现 简单 的 如、 减 、 乘 、 除 运算 ， 


因为 与 数字 按钮 的 实现 功能 不 同 ， 所 以 我 们 需要 单独 为 这 些 运 算 按 钮 创建 |BAction 方 法 。 但 是 ， 在 此 之 前 我 们 还 需要 对 第 2 章 的 两 个 方法 稍 加 改 
动 。 


步骤 1 修改 ViewController 类 中 的 buttonTap 方 法 如 下 面 这 样 : 


со 
UJ 
D 
Q 


tion func buttonTap (sender: UIButton) Í 
// labelResult 中 默认 显示 0， 如 果 开 始 输入 数字 ， 则 先 清除 0 
if labelResult.text == "0" || (isSecond && secondOperand == 0.0) { 


labelResult.text = "" 


// 将 用 户 录 入 的 数 添加 到 labelResult 中 

labelResult.text = labelResult.text! + sender.titleLabel!.text! 
if isSecond { 
secondOperand = NSString(string:labelResult.text!).doubleValue 
Jelse { 

// 将 labelResult 中 的 字符 串 转 化 为 双 精 度数 

firstOperand = NSString(string:labelResult.text!).doubleValue 


修改 了 buttonTap 方 法 以 后 ， 它 可 以 根据 isSecond 变 量 来 区 分 用 户 输 入 的 是 第 一 操作 数 还 是 第 二 操作 数 。 


步骤 2 修改 ViewController 类 中 的 decimalPointTap 方 法 如 下 面 这 样 : 


@IBAction func decimalPointTap() Í 
// 如 果 没 有 输入 小 数 点 则 执行 下 面 的 操作 
if !decimalPointFlag ( 
labelResult.text = labelResult.text! + "." 
if isSecond { 
secondOperand = NSString(string:labelResult.text!).doubleValue 
Jelse { 


firstOperand = NSString(string:labelResult.text!).doubleValue 
} 


decimalPointFlag = !decimalPointFlag 


X: 


iE 


步骤 3 ”在 项 目 导 航 中 选中 Main.storyboard， 然 后 将 编辑 区 切换 到 助手 编辑 器 模式 ， 为 ViewController 场 景 中 的 加 号 按钮 添加 方法 名 为 : operatorTap 的 IBAction 方 法 。 


步骤 4 ”在 弹出 的 关联 设置 面板 中 ，Connection 设 置 为 Action，Name 设 置 为 operatorTap，Type 设 置 为 UIButton，Event 设 置 为 Touch Up Inside，Arguments 设 置 为 Sender， 如 图 3-4 所 示 。 


Connection | Action 


Object © View Controller 


Name operator Tap 


Type UlButton 
Event | Touch Up Inside 
Arguments | Sender 


Cancel | Connect 


图 3-4 设置 操作 符 按钮 与 控制 器 的 IBAction 关 联 


步骤 5 为 operatorTap 方 法 添加 下 面 的 代码 : 


QIBAction func operatorTap (sender: UIButton) { 
if firstOperand != 0 { 
isSecond = true 
decimalPointFlag = false 
switch sender.titleLabel!.text!í 
case "+": 
operatorFlag = "+" 
сазе "-"; 
operatorFlag = "-" 
case "?: 
operatorFlag = "*" 
case "?: 
operatorFlag 
default: 
operatorFlag 


I 
~ 


首先 ，operatorTap 方 法 会 让 isSsecond 的 值 为 真 ， 代 表 用 户 后 面 再 输入 的 数值 是 给 第 二 操作 数 的 ， 与 此 同时 还 会 将 decimalPointFlag 的 值 设置 为 假 。 然 后 该 方法 根据 用 户 点 击 的 操作 符 来 设置 
operatorFlag 的 值 。 


步骤 6 在 助手 编辑 器 模式 下 ， 将 减 号 与 operatorTap 方 法 进行 |BAction 关 联 。 在 减 号 上 按 住 鼠标 右键 ， 拖 外 至 ViewController 类 的 operatorTap 方 法 上 面 即 可 。 以 此 类 推 ， 表 将 乘 号 和 除 号 与 
operatorTap 方 法 进行 |BAction 关 联 。 


3.22 ”实现 计算 结果 的 相关 代码 


接 下 来 我 们 将 为 等 号 (=) 按钮 建立 IBAction 关 联 ， 该 方法 的 主要 功能 就 是 当 用 户 点 击 等 号 按钮 以 后 ， 使 用 操作 符 计 算 两 个 操作 数 的 结果 。 
步骤 7 ”在 项 目 导 航 中 选中 Main.storyboard， 然 后 将 编辑 区 切换 到 助手 编辑 模式 ， 为 ViewController 场 景 中 的 等 号 按钮 添加 方法 名 为 : resultTap 的 IBAction 方 法 。 
步骤 8 在 弹出 的 设置 面板 中 ，Connection 设 置 为 Action，Name 设 置 为 resultTap，Type 设 置 为 UIButton，Event 设 置 为 Touch Up Inside，Arguments 设 置 为 None。 


步骤 9 为 resultTap 方 法 添加 下 面 的 代码 : 


GIBAction func resultTap() 
// 确保 第 二 操作 数 有 值 
if isSecond { 


// 除数 不 能 为 0 


一 


if operatorFlag == "/" && secondOperand == 0{ 
println("Error: 除数 不 能 为 0.") 
return 


} 
var result: Double = 0.0 
switch operatorFlag { 


case "+": 

result = firstOperand + secondOperand 
case "-"; 

result = firstOperand - secondOperand 
case "am; 

result = firstOperand * secondOperand 


case "/": 


result = firstOperand / secondOperand 


default: 


result = 0.0 


) 


labelResult.text = result.description 
println ("第 一 操作 数 : N(first 


println(" 


printl 
printl 


"结果 : 


N(result)") 


Operang) ") 


( 符 : \ (operatorFlag)") 
(" 第 二 操作 数 : N (ѕесопаорегапа) ") 
( 


步骤 10 ”再 为 ViewController 场 景 中 的 AC 按 钮 添加 IBAction 方 法 。Connection 设 置 为 Action，Name 设 置 为 clear，Type 设 置 为 UIButton，Event 设 置 为 Touch Up Inside，Arguments 设 置 为 


None。 


步骤 11 为 clear 方 法 添加 下 面 的 代码 : 


Сс 


IBAction func clear 
labelResult.text 


O Í 
= "0" 


firstOperand = 0.0 


secondOperand = 0.0 


decimalPointFlag 


— false 


isSecond - false 


operatorFlag - "" 


// 8 МЕЗ 22 

// 小 数 点 标记 设置 为 候 
// 第 二 操作 数 标记 设置 为 假 
// 操作 符 清空 


当 用 户 点 击 AC 按 钮 以 后 ，clear 方 法 会 将 ViewController 中 所 有 的 实例 变量 进行 重 置 ， 便 于 重新 计算 。 


构建 并 运行 应 用 程序 ， 此 时 你 可 以 使 用 这 个 计算 器 进行 简单 的 运算 。 


3.3 ”天 于 Application Delegate 


到 目前 为 止 ， 我 们 终于 编写 了 一 个 像 点 儿 模 样 (至 少 可 以 完成 某 种 简单 功能 ) 的 App。 它 看 起 来 是 不 是 很 酷 呢 ?请 不 要 激动 ， 在 保持 充分 淡定 的 同时 ， 让 我 们 花费 一 点 时 间 来 了 解 下 源 代码 中 的 一 个 文 
件 一 一 AppDelegate.swift， 这 个 文件 实现 了 “应 用 程序 委托 ”。 


在 Cocoa Touch 中 ， 使 用 委托 (Delegate) 的 频率 往往 大 于 我 们 每 天 上 出 所 的 频率 (ER. BRIT BURMA) 。 简 单 来 说 ， 它 就 是 在 对 象 中 ， 让 另外 一 个 对 象 负责 完成 某 件 任 务 ， 并 且 将 完成 的 状态 和 需要 
反馈 的 数据 实时 传递 回来 。 关 于 委托 ， 我 们 会 在 后 面 章节 有 详细 介绍 。 


Application Delegate 可 以 让 我 们 以 UIApplication 的 名 义 ， 在 某 些 预定 义 好 的 时 候 做 一 些 事情 。 每 个 |OS 应 用 程序 都 具有 一 个 UIApplication 类 型 的 实例 ， 它 负责 应 用 程序 的 运行 循环 以 及 处 理 那些 应 用 
程序 级 别 的 功能 。 比 如 在 应 用 程序 启动 以 后 ， 载 入 并 执行 哪个 视图 控制 器 类 。UIApplication 是 UIKit 框 架 中 的 一 部 分 ， 它 的 工作 大 部 分 是 在 幕后 ， 所 以 对 它 的 了 解 不 用 太 深 入 。 


如 果 委 托 存 在 并 实现 了 相关 方法 ， 那 么 在 应 用 程序 执行 的 过 程 中 ， 前 面 所 提 到 的 那些 预定 义 好 的 时 间 ， 就 会 执行 相对 应 的 方法 。 例 如 ， 我 们 有 一 些 代码 需要 在 应 用 程序 退出 的 时 候 被 执行 ， 这 就 需要 在 
应 用 程序 委托 类 的 -applicationWillTerminate () 方法 中 实现 它 。 类 似 的 情况 还 有 很 多 ， 实 现 应 用 程序 层面 的 行为 ， 我 们 并 不 需要 子 类 化 UIApplication 类 ， 也 不 需要 了 解 任 何 UIApplication 类 的 内 部 工 
作 。 所 有 通过 Xcode 模板 创建 的 应 用 程序 项 目 都 会 创建 一 个 Application-Delegate 类 ， 当 应 用 程序 运行 时 ， 会 通过 它 与 UIApplication 对 象 建立 连接 。 


在 项 目 导 航 中 点 击 AppDelegate.swift 文 件 ， 该 文件 提供 了 一 个 标准 的 应 用 程序 委托 类 ， 在 类 的 声明 中 我 们 可 以 看 到 |: 


@0ТАрр1ісаёіопмаіп 


class AppDelegate: Ul 


[Responder, U] 


[LApplicationDelegate { 


加 粗 的 代码 表示 AppDelegate 类 复合 UIApplicationDelegate 协 议 ， 当 我 们 按 住 option 键 时 ， 鼠 标 会 变 成 十 字形 状 。 移 动 鼠 标 到 UIApplicationDelegate 上 面 ， 它 会 变 成 问号 ， 并 且 


UIApplicationDelegate 也 会 高 亮 


显示 。 仍 然 按 住 option 键 并 停留 在 UIApplicationDelegate 字 段 上 ， 此 时 会 出 现 一 个 弹出 面板 ， 里 面 显 示 着 UIApplicationDelegate 协 议 的 相关 介绍 ， 如 图 3-5 所 示 。 


auIApplicationMain 
class AppDelegate: UIResponder, UIlApplicationDelegate 1 


protocol UIApplicationDelegate : NSObjectProtocol 


The UlApplicationDelegate protocol defines methods that are called by 
the singleton UlApplicatlon object in response to Important events in the 
lifetime of your app. The app delegate works alongside the app object 
to ensure your app interacts properly with the system and with other 
apps. Specifically, the methods of the app delegate give you a chance 
to respond to important changes. For example, you use the methods of 
the app delegate to respond to state transitions, such as when your app 
moves from foreground to background execution, and to respond to 
incoming notifications. In many cases, the methods of the app delegate 
are the only way to recelve these Important notifications. 


iOS 18.0 and later) 
UIKIt 


UlApplicationDelegate Protocol Reference 


图 3-5 option-click UIApplicationDelegate 协 议 后 弹出 一 个 面板 
在 弹出 的 文档 面板 中 的 底部 有 两 个 链接 ， 点 击 “Reference” 链 接 后 会 显示 该 协议 的 全 部 文档 信息 ， 点 击 “Declared In” 链接 则 会 显示 UIApplicationDelegate 的 定义 。 


在 AppDelegate 类 中 的 第 一 个 方法 是 application: didFinishLaunchingWithOptions: ， 根 据 方 法 名 称 大 家 可 能 会 猜 到 ， 当 应 用 程序 完成 了 所 有 的 设置 工作 ， 准 备 与 用 户 开始 交互 的 时 候 会 调用 该 方 


34 ”了解 视 图 控制 器 


通过 Calculator 项 目 我 们 可 以 体会 到 ， 每 个 视图 控制 器 都 会 负责 管理 iOS 应 用 程序 中 的 一 个 独立 视图 ， 响 应 用 户 在 该 视图 中 的 操作 。 但 是 不 仅 如 此 ， 在 需要 的 时 候 ， 它 还 要 负责 与 其 他 视图 控制 器 的 切换 
以 及 在 控制 器 间 的 数据 传递 。 比 如 iOS 中 的 通讯 录 程 序 ， 当 用 户 点 击 某 个 联系 人 (单元 格 ) 的 时 候 ， 当 前 控制 器 A 要 负责 切换 到 另外 一 个 控制 器 B (负责 显示 联系 人 详细 信息 的 视图 控制 器 ) 。 


3.4.1 视图 控制 器 简介 


到 目前 为 止 ， 你 应 该 明白 视图 控制 器 的 作用 了 。 简单 来 说 ， 它 就 像 是 jiOs 应 用 程序 中 所 实现 的 每 个 功能 的 核心 组 件 ， 将 视图 和 数据 模型 紧密 连接 在 一 起 ， 用 ModeI 所 提供 的 数据 “装填 ”视图 。 


在 Calculator 项 目的 ViewController 类 中 ， 我 们 可 以 看 到 viewDidLoad 和 didReceive-MemoryWarning 方 法 。 其 中 第 一 个 方法 会 在 载 入 视图 后 执行 ， 而 第 二 个 方法 则 会 在 收 到 内 存 警 告 的 情况 下 执行 。 
通过 重 写 这 些 方 法 ， 可 以 帮助 我 们 更 好 地 管理 控制 器 。 

上 面 提 到 的 两 个 方法 在 控制 器 的 生存 期 (注意 ， 不 是 生理 期 ) 内 有 效 ， 理 解 控制 器 的 生存 期 可 以 帮助 我 们 正确 管理 其 所 包含 的 数据 模型 和 视图 。 如 果 你 对 生存 期 有 足够 的 了 解 ， 就 可 以 让 控制 器 在 载 入 
视图 时 做 些 事情 ， 或 者 是 在 移 除 视 图 时 完成 一 些 任务 。 正 确 理解 生存 期 将 是 成 为 一 名 优秀 iOs 程 序 员 的 基础 ， 因 为 控制 器 是 解决 一 切 问 题 的 核心 。 


当 应 用 程序 运行 到 某 个 指定 的 视图 控制 器 以 后 ， 控 制 器 就 要 将 其 自己 的 视图 对 象 显示 在 屏幕 上 ， 这 会 引发 一 系列 的 事件 。 如 果 该 视图 控制 器 的 视图 属性 还 没有 被 入 内 存 中， 控制 器 将 调用 loadView 方 
法 。 当 载 入 视图 完成 ， 就 会 调用 viewDidLoad 方 法 ， 在 这 个 方法 里 面 我 们 可 以 对 需要 显示 的 数据 进行 初始 化 ， 如 图 3-6 所 示 。 


如 果 你 愿意 ， 完 全 可 以 在 控制 器 中 重 写 loadView 方 法 ， 通 过 编写 代码 的 方式 创建 控制 器 的 视图 ， 这 种 方式 与 我 们 在 Calculator 中 通过 故事 板 的 方式 正好 相反 。 
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图 3-6 ”获取 或 创建 视图 控制 器 中 视图 的 流程 
表 3-1 列 出 了 一 些 方法 ， 这 些 方法 在 整个 视图 控制 器 生存 期 中 是 由 不 同 的 视图 事件 所 触发 的 ， 它 可 以 让 你 更 精确 地 控制 视图 控制 器 在 不 同 状 态 时 需要 完成 的 事情 。 


表 3-1 视图 控制 器 中 与 生存 期 相关 的 方法 


方法 名 称 功能 描述 
loadView 创建 或 返回 一 个 视图 控制 响 的 视图 


viewDidLoad 视图 载 入 完成 时 执行 
viewWillAppear 视图 将 要 呈现 时 执行 
viewDidAppear 视图 已 经 呈现 时 执行 
viewWillDisappear 视图 将 要 销毁 时 执行 
viewDidDisappear 视图 已 经 销毁 时 执行 
viewWillLayoutSubviews 视图 将 要 布局 其 于 视图 时 执行 
viewDidLayoutSubviews 视图 已 经 布局 其 于 视图 时 执行 
didReceiveMemoryWarning ty. Pe] sz m) Ж PEE SEAT 


为 了 验证 控制 器 生存 期 中 的 方法 ， 我 们 在 ViewController 类 中 重 写 两 个 方法 。 
步骤 1 在 项 目 导航 中 选择 ViewController.swift， 在 -viewDidLaod 方 法 的 最 后 添加 下 面 一 行 代 码 : 


println("viewDidLoad 被 调用 ") 


步骤 2 在 -viewDidLaod 方 法 下 面 添加 如 下 两 个 方法 : 


override func viewWillAppear (animated: Bool) { 
super.viewWillAppear (ani mated) 
println("viewWillAppear 被 调用 ") 


override func viewDidAppear (animated: Bool) { 
super.viewDidAppear (animated) 
println("viewDidAppear 被 调用 ") 


} 


构建 并 运行 应 用 程序 ， 在 控制 台中 我 们 会 看 到 如 下 输入 信息 : 


viewDidLoad 被 调用 
viewWillAppear 被 调用 
viewDidAppear 被 调用 


从 输出 结果 我 们 可 以 发 现 ，-viewDidLaod 是 第 一 个 被 调用 的 方法 ， 第 二 个 是 -viewWill-Appear， 第 三 个 则 是 -viewDidAppear。 在 调用 -viewDidLaod 方 法 之 前 ， 视 图 控制 器 还 会 检测 是 否 有 -loadView 
方法 被 重 写 ，Calculator 项 目 并 没有 重 写 -loadView 方 法 ， 完 全 是 通过 故事 板 载 入 的 控制 器 视图 。 这 里 我 们 不 再 去 重 写 -viewWillDisappear 和 -viewDidDisappear 方 法 ， 因 为 只 有 载 入 另 一 个 控制 器 的 时 候 ， 
当前 控制 器 的 这 两 个 方法 才 会 被 调用 。 


虽然 在 Calculator 中 我 们 只 使 用 了 一 个 视图 控制 器 ， 但 是 苹果 还 为 我 们 提供 了 很 多 不 同类 型 的 控制 器 ， 方 便 我 们 开发 应 用 程序 。 


3.4.2 不 同类 型 的 视图 控制 器 
苹果 提供 了 多 种 不 同类 型 的 视图 控制 器 来 实现 应 用 程序 的 一 些 常 用 功能 ， 比 如 帮助 我 们 将 数据 布局 到 表格 视图 或 者 网 格 中 。 另 外 ， 这 些 控制 器 也 能 够 管理 其 他 的 视图 控制 器 ， 从 而 让 用 户 以 标签 栏 或 先 
后 结构 层次 的 形式 有 序 地 呈现 控制 器 。 表 3-2 列 出 了 这 些 控制 器 。 
表 3-2  iOS 应 用 程序 中 使 用 的 不 同类 型 的 视图 控制 器 
视图 控制 器 类 功能 描述 
UINavigationController 管理 导航 结构 的 视图 控制 疾 
UITabBarController 以 标签 栏 的 形式 呈现 和 管理 多 视 岁 控制 锅 


UITableViewController 以 表格 的 形式 呈现 和 和 管理 数据 
UlICollectionViewController 以 集合 的 形式 呈现 和 管理 数据 


其 实 ， 在 上 面 表格 中 所 列 出 的 视图 控制 器 我 们 都 不 会 陌生 ， 因 为 iOs 中 的 原生 应 用 全 部 用 到 了 它们 ， 接 下 来 我 们 就 逐一 开始 介绍 。 
1. 导 航 控制 器 


导航 控制 器 (navigation controller) 是 以 层级 结构 的 形式 来 管理 其 堆栈 中 的 多 个 视图 控制 器 。 在 导航 控制 器 中 ， 我 们 把 其 中 的 第 一 个 视图 控制 器 叫做 根 视图 控制 器 (root view controller) 。 当 导航 
控制 器 显示 视图 时 ， 我 们 可 以 将 另外 一 个 视图 推送 进 栈 。 导 航 控 制 器 允许 我 们 一 级 级 地 退出 当前 视图 控制 器 ， 直 至 退回 到 根 视 图 控制 器 。 图 3-7 显 示 了 “设置 ”应 用 程序 中 的 导航 控制 器 。 
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图 3-7 设置 应 用 程序 中 的 导航 控制 器 


iOs 的 “设置 ”应 用 程序 使 用 了 导航 控制 器 ， 当 我 们 点 击 “ 通 用 ”以 后 ， 一 个 新 的 视图 会 被 推送 到 navigation controller 的 堆栈 中 并 显示 在 屏幕 上 面 。 在 屏幕 的 左上 方 还 有 一 个 返回 按钮 ， 可 以 让 我 们 直 
接 返 回 到 之 前 的 视图 ， 或 者 点 击 其 他 控件 进入 更 深层 次 的 视图 。 


2. 标 签 栏 控制 器 


标签 栏 视图 控制 器 (tab bar view controller) 提供 分 割 不 同 的 视图 控制 器 的 一 种 简单 方式 。 标 签 栏 是 该 控制 器 的 标志 元 素 ， 苹 果 的 “电话 ”应 用 程序 就 使 用 了 标签 栏 控制 器 ， 如 图 3-8 所 示 。 
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图 3-8 “电话 ”应 用 程序 使 用 标签 栏 视 图 控制 器 


标签 栏 中 可 以 包含 若干 个 标签 条 目 (tab bar item) ， 每 个 标签 条 目 则 包含 一 个 图 标 和 一 个 标题 ， 用 于 构建 标签 条 目的 外 观 。 每 个 标签 包含 一 个 独立 的 视图 控制 器 ， 比 如 可 以 在 标签 中 包含 一 个 导航 控 
制 器 ， 就 像 “ 电 话 ” 中 的 “通讯 录 ”。 


3. 表 格 视图 控制 器 
表格 视图 控制 器 (table view controller) 包含 了 一 个 单独 的 表格 视图 。 表 格 视图 允许 我 们 以 单元 格 的 形式 一 行 行 地 显示 数据 信息 ， 并 且 还 可 以 对 数据 行进 行 分 组 。 


图 3-9 显 示 了 一 个 表格 视图 控制 器 的 样子 ， 如 果 需 要 ， 我 们 还 可 以 将 其 分 组 为 多 个 部 分 。 
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第 4 章 ”使 用 故事 板 组 织 和 管理 视图 


几 年 以 前 ， 在 为 ijOs 开 发 应 用 程序 时 ， 每 个 视图 控制 器 都 需要 一 个 独立 的 文件 来 保存 用 户 界面 (我 们 把 这 些 文件 叫做 NIB 文 件 ， 昌 然 其 扩展 名 是 .XIB) 。NIB 文 件 是 独立 存在 的 界面 文件 ， 它 可 以 让 我 们 
以 图 形 化 的 方式 方便 快捷 地 搭建 用 户 界 面 ， 而 不 是 靠 痛苦 地 编写 程序 代码 。 但 是 ， 在 程序 开发 的 过 程 中 ， 我 们 往往 需要 打开 很 多 的 NIB 文 件 ， 有 时 候 会 多 到 让 人 “ 晤 圈 ”。 所 以 ， 有 的 程序 员 索 性 就 直接 使 
用 代码 去 创建 用 户 界 面 。 


MIOS 5 开始 ， 苹 果 引 入 了 一 种 全 新 的 方式 创建 、 组 织 和 关联 各 个 视图 ， 这 就 是 故事 板 。 它 使 用 一 个 独立 的 文件 来 包含 应 用 程序 中 所 有 的 用 户 界面 。 这 种 方式 的 好 处 在 于 ， 让 程序 员 可 以 高 效 、 快 速 、 全 
面 地 了 解 各 个 控制 器 视图 之 间 的 交互 关系 。 通 过 学 习 本 章 ， 我 们 将 熟悉 如 何 使 用 故事 板 创建 表格 视图 。 


41 ”创建 购物 应 用 程序 
在 第 2 章 我 们 使 用 Single View Application 模 概 创建 了 Calculator 应 用 程序 ， 在 整个 项 目 中 只 使 用 了 一 个 视图 。 在 本 章 的 购物 项 目 中 ， 我 们 依然 会 使 用 相同 的 项 目 模板 ， 但 是 我 们 会 为 其 创建 多 个 视图 ， 


以 及 通过 导航 控制 器 设置 它们 之 间 的 过 渡 。 


4.1.1 创建 应 用 程序 


打开 Xcode 创 建 一 个 新 的 应 用 程序 项 目 ， 在 菜单 中 选择 “File 一 New 一 Project″” ， 选 择 Single View Application 项 目 模板 ， 设 置 应 用 程序 名 称 为 Shopping， 如 图 4-1 所 示 。 


当 项 目 创建 完成 以 后 ， 在 Xcode 的 编辑 区 域 中 会 显示 与 项 目 相关 的 配置 信息 。 点 击 编辑 区 域 左上 角 的 “Show project and targets list” 按 钮 ， 会 看 到 Shopping 项 目的 PROJECT 和 TARGETS 的 配置 信 
息 ， 如 图 4-2 所 示 。 


Choose options for your new project: 


Product Name: | Shopping 


Organization Name: 21] 
Organization Identifier: cn.liuming 
Bundle ldentihar: cn.liuming.Snopping 
Language: Swift 
Devices: iPhone 


Use Core Data 


Cancel Previous 


图 4-1 创建 Shopping 应 用 程序 项 目 


Show/Hide project and targets list 


Shopping 
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Version 1.0 


14-2 Shopping 项 目的 PROJECT 和 TARGETS 配 置 


在 项 目 工程 界面 中 ，Project 只 有 一 个 ， 但 Target 可 以 有 很 多 ， 而 且 数量 完全 取决 于 你 。 那 么 这 个 Target 到 底 是 什么 呢 ” 简单 来 说 ， 我 们 可 以 理解 为 一 个 Target 对 应 一 个 由 代码 生成 的 产品 。 不 管 你 生成 
的 产品 有 多 少 ， 其 程序 代码 只 有 一 份 。 这 样 做 的 意义 是 什么 呢 ? КЕТТ? 


其 实 这 样 做 并 不 是 瞎 折 腾 ， 而 是 非常 “有 意思 ”。 虽 然 代 码 是 同一 份 ， 但 编译 设置 (编译 器 根据 代码 中 的 编译 条 件 语句 进行 编译 ) 以 及 所 包含 的 资源 文件 却 可 能 有 很 大 的 不 同 。 因 此 ， 同 一 份 代码 生成 
的 产品 也 可 能 各 不 相同 ， 用 途 不 同 。 


我 们 举 个 典型 的 应 用 多 Target 的 情况 。 比 如 很 多 游戏 厂商 出 于 利益 的 考虑 ， 往 往 会 在 App Store 上 面 推出 一 个 游戏 的 免费 lite 版 本 (只 有 10 关 ) ， 再 推出 其 完整 收费 版 本 (可 能 有 100 多 关 ) 。 用 户 在 玩 
过 免费 版 以 后 ， 觉 得 很 有 意思 ， 那 么 伦 钱 买 收费 版 的 概率 会 大 很 多 。 


可 能 有 人 会 问 ， 既 然 是 同一 份 代码 生成 的 不 同 产品 ， 那 么 这 些 Target 之 间 又 有 什么 区 别 呢 ? 


在 编辑 区 域 顶部 选择 Build Phases 标 签 ， 会 看 到 里 面包 含 了 Compile Sources, Link Binary With Libraries 和 Copy Bundle Resources 部 分 。 其 中 Compile Sources 是 指 有 哪些 源 代 码 被 编译 ，Link 
Binary With Libraries 是 指 在 编译 过 程 中 会 引用 哪些 库 文件 ，Copy Bundle Resources 是 指 生 成 产品 的 App 会 包含 哪些 资源 文件 (图 片 、 音 频 或 视频 ) 。 不 同 的 Target 可 以 定义 完整 的 差异 化 编译 设置 ， 从 
简单 的 调整 优化 选项 ， 到 增加 条 件 编译 所 使 用 的 编译 条 件 ， 都 可 以 进行 差异 化 指定 。 


4.1.2 ”创建 Shopping 的 用 户 界 面 


项 目 创建 完成 以 后 ， 我 们 可 以 在 项 目 导航 中 选中 Main.storyboard 文 件 ， 此 时 在 编辑 区 域 中 会 打开 |B。 接 下 来 ， 我 们 需要 添加 一 个 表格 视图 用 来 显示 用 户 想 要 购买 的 物品 。 


步骤 1 选择 Main.storyboard 文 件 ， 将 实用 工具 区 域 切 换 到 文件 检视 窗 (Command+Option+1 快 捷 键 ) ， 在 Interface Builder Document 部 分 中 ， 去 掉 Use Size Classes 的 勾 选 项 。 在 Disable Size 
Classes 面 板 中 将 Keep size class data for 设 置 为 iPhone， 然 后 点 击 “Disable Size Classes” Н. 


步骤 2 在 实用 工具 区 域 的 Object Library (Control+Option+Command+3 快 捷 键 ) 中 ， 拖 忠 一 个 表格 视图 (Table View) 到 编辑 区 域 的 视图 当中 ， 如 图 4-3 所 示 。 需 要 注意 的 是 ， 在 Object Library 
中 既 有 Table View 也 有 Table View Controller， 在 选择 的 时 候 一 定 要 区 分 它们 。 


ard ^ Bj Main.storyboard (Base) › [S] view Controller Scene ^ @ view Controller > | | View D © + 日 © 


Identity and Type 
@ a Name Main.storyboard 
Type | Default - Interface Bu... $ 


Location — Relative to Group 
Base.lproj/ 
Main.staryboard 

Full Path /Users/liumingl 
Desktoo/Shonnina / 


m C) n 
| , Table View Controller - А 
controller that manages a table view. 
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її a Table view. 
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图 4-3 ”在 Object Library 中 将 表格 视图 添加 到 视图 


当 我 们 拖 岛 表格 视图 到 View Controller Scene 的 View 里 面 以 后 ， 其 边缘 会 自动 与 其 父 视 图 的 边缘 重合 ， 既 充满 整个 屏幕 。 在 选中 表格 视图 的 状态 下 ， 可 以 使 用 Command+Option+ 5 快捷 键 将 实用 工 
具 区 域 切 换 到 大 小 检视 窗 ， 能 够 查看 到 表格 视图 X 和 Y 的 坐标 值 均 为 0， 如 图 4-4 所 示 。 


i..ase) ^ Е ме...сепе › Ë Vie...roller View Table View © АР H @ 
一 一 Table View 


o @ E 


Row Height 


Section Height 22 
Header 


Scroll View 


Indicator Insets 


568 |; 
Height 
Constraints 
The selected views have no constraints. At build 


time, explicit left, top, width, and height 
constraints will be generated for the view. 


Intrinsic Size Default (System Defined) 


图 4-4 大 小 检视 窗 中 显示 表格 视图 的 X 和 Y 坐 标 值 均 为 0 
因为 需要 在 ViewController 控 制 器 类 中 操作 这 个 表格 视图 ， 所 以 需要 建立 IBOutlet 关 联 。 


步骤 3 ”使 用 Command+Option+Return 快 捷 键 开启 助手 编辑 器 模式 ， 此 时 会 打开 ViewController.swift 文 件 。 如 果 打 开 的 不 是 该 文件 ， 也 可 以 在 按 住 Dption 键 的 同时 ， 在 项 目 导 航 中 点 击 
ViewController.swift 文 件 将 其 强制 打开 。 


步骤 4 上 鼠标 右键 拖 忠 表格 视图 到 ViewController 类 中 ， 将 Name 设 置 为 tableView， 确 定 Connection 为 Outlet，Type 为 UITableView，Storage 为 Weak， 点 击 Connect 按 钮 ， 如 图 4-5 所 示 。 


// MiewController,swift 

// Shopping 

rr 

// Created by #0 on 14/9/14. 

// Copyright (c) 2014F $Exl. All rights reserved, 
fi 


Connection | Outlet 
Object о View Controller 


import UIKit 


| class ViewController: UIViewController { 
өле 


Y override func viewDidLoad() í 
Туре „йыш 一 super,viewDidLoad() 
Storage | Weak >] // Do any additional setup after loading the view, typically 


| Cancel | Connect | 
— -— override func didReceiveMemoryWarning(i) 1 

| super,didReceiveMemoryWarningl) 

| // Dispose of any resources that can be recreated. 


图 4-5 设置 表格 视图 的 Outlet 名 称 为 tableView 


当 |BOutlet 关 联 设 置 好 以 后 ，ViewController 类 会 增加 下 面 一 行 代 码 : 


IBOutlet weak var tableView: UITableView! 


С) 


除 此 以 外 ， 要 想 让 表格 视图 显示 特定 的 数据 信息 ， 我 们 还 需要 为 ViewController 类 添加 delegate 和 data source 关 联 。 其 中 ，delegate 主 要 负责 响应 用 户 与 表格 视图 的 交互 ，data source 主 要 负责 提供 
表格 所 显示 的 数据 ， 通 过 IB 编辑 器 就 可 以 进行 快速 设置 。Delegate 和 data source 是 iO 应 用 程序 开发 中 非常 重要 的 内 容 ， 本 章 只 需要 按 步 操作 即 可 ， 下 一 章 会 做 详细 介绍 。 


步骤 5” 回 到 IB 并 确保 选中 表格 视图 ， 切 换 到 关联 检视 窗 (Command+Option+ 6 快捷 键 ) 。 在 Outlets 部 分 中 ，dataSource 和 delegate 还 没有 被 关联 ( 右 侧 是 空心 圆圈 ) 。 鼠 标 按 住 qataSource 右 侧 
的 空心 圆圈 ， 然 后 将 其 拖 擅 至 大 纲 视 图 中 View Controller Scene 里 的 View Controller 上 ， 如 图 4-6 所 示 。 松 开 鼠 标 以 后 发 现 关 联检 视窗 中 的 data-Source 已 经 与 View Controller 建 立 了 关联 。 如 法 炮制 ， 将 
delegate 与 View Controller 建 立 关 联 。 
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图 4-6 ”为 表格 视图 创建 dataSource 和 delegate 关 联 
关联 创建 好 以 后 ， 还 需要 修改 ViewController 类 ， 使 其 符合 表格 视图 (UITableView 类 ) 的 data source 和 delegate 协 议 。 


步骤 6 修改 ViewController 类 的 声明 如 下 面 这 样 : 


import UIKit 
class ViewController: UIViewController, UlTableViewDelegate, UITableViewDataSource{ 


添加 UITableViewDelegate 和 UITableViewDatasource 协 议 的 声明 以 后 ， 代 码 编辑 区 会 报错 ， 提 示 “TypeViewControllerdoes not conform to protocol'UlTableViewData 
Source" (ViewController 类 并 不 符合 UlTableViewDataSource 协 议 ) 。 所 以 就 必须 在 ViewController 类 中 实现 这 两 个 协议 中 的 必要 方法 (可 选 方法 可 以 不 用 实现 ) 。 如 果 你 之 前 有 Java 开 发 经 验 ， 该 协 
议 与 Java 的 接口 非常 相似 。 


步骤 7” 按 住 Command 键 ， 点 击 UITableViewDataSsource 协 议 ， 代 码 编辑 器 会 打开 UITableViewDataSource 协 议 文件 。 在 协议 文件 中 有 两 个 方法 是 必须 实现 的 ， 分 别 
numberOfRowslnSection: 和 -tableView: cellForRowAtIndexPath: 。 复 制 这 两 个 方法 到 ViewController 类 中 ， 修 改 代 码 如 下 面 这 样 : 


-tableView: 


HI 


-tableView:numberOfRowsInSection: 和 -tableView:cellForRowAtIndexPath:。 复 制 这 两 个 方法 到 ViewController 类 中 ， 修 改 代码 如 下 面 这 样 : 
func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int 


{ 


return 4; 


} 
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell 
{ 


var cell = UlITableViewCell(style: UITableViewCellStyle.Default, reuseIdentifier: "Се11") 
cell.textLabel?.text = "和 牛奶" 
return cell 


-tableView: numberOfRowsInSection: 方法 负责 返回 表格 视图 中 每 部 分 (section) 的 单元 格 (row) 行 数 。 对 Shopping 项 目 来 说 ,我 们 只 要 一 个 section， 所 以 直接 返回 单元 格 行 数 即 可 ， 这 里 设 
置 返回 值 为 4。 


-tableView: cellForRowAtIndexPath: 方法 则 会 返回 表格 视图 所 需要 显示 的 每 一 个 单元 格 (UlTableViewCell 类 型 ) 对 象 。 因 为 之 前 设置 了 -tableView: numberOfRowslnSection: 方法 的 返回 值 
为 4， 所 以 一 共 会 执行 4 次 -tableView : cellForRowAtindexPath: 方法 。 


每 次 执行 -tableView: cellForRowAtindexPath: 方法 时 ， 都 会 通过 -init-With-Style: reuse-Identifier: 方法 创建 一 个 单元 格 对 象 ， 然 后 设置 该 单元 格 的 textLabel (UlLabel 对 象 ) 属性 的 text 值 为 字 
RB "UE, 


-initWithStyle: reuseldentifier: 是 UITableViewCell 类 的 初始 化 方法 ， 用 于 创建 单元 格 对 象 。 该 方法 有 两 个 参数 ，style 用 于 设置 单元 格 的 风格 ， 它 是 UITableViewCellstyle 类 型 的 枚 举 变量 ， 该 枚 举 
类 型 包括 : Default、Value1、Value2 和 Subtitle4 种 风格 。 


reuseldentifier 参 数 是 一 个 字符 串 类 型 的 变量 ， 用 于 从 可 复 用 单元 格 池 中 获取 指定 标识 的 单元 格 对 象 ， 这 人 句 话 是 什么 意思 呢 ? 原来 由 于 iOS 设 备 受 到 内 存 大 小 的 限制 ， 要 想 在 表格 视图 中 显示 成 干 上 万 行 
的 数据 ， 我 们 可 能 需要 创建 成 干 上 万 个 UlTableView Cell 类 型 的 单元 格 对 象 ( 若 每 个 单元 格 需 要 1MB 的 内 存 空间 ，300 个 单元 格 就 会 需要 大 约 300MB， 而 iPhone 5s 的 RAM 只 有 1GB) 。 物 理 内 存 是 否 可 以 
提供 给 程序 这 么 多 的 内 存 空间 呢 ? 管 案 是 否定 的 。 幸 运 的 是 ， 苹 果 通 过 一 种 优化 的 方式 来 解决 这 个 问题 ， 那 就 是 UITableViewCell 的 复 用 池 技 术 。 因 为 在 任何 时 人 息 ，iPhone 手 机 最 多 只 会 显示 一 整 屏 数量 的 
单元 格 ， 我 们 随时 可 以 复 用 那些 已 经 创建 ， 但 被 用 户 滑 出 屏幕 的 单元 格 对 象 。 


如 图 4-7 所 示 ， 一 开始 在 屏幕 的 表格 视图 上 只 显示 了 A1 到 A7 这 7 个 单元 格 ， 此 时 可 复 用 池 中 还 没有 能 用 的 单元 格 对 象 ， 所 以 这 7 个 单元 格 都 需要 创建 。 当 用 户 向 上 滑动 表格 视图 时 ，A1 单 元 格 被 移出 表格 
视图 的 可 视 范围 ， 此 时 系统 并 不 会 销毁 A1 单 元 格 ， 而 是 将 其 放 入 可 复 用 池 中 备用 。 在 A1 被 移出 的 同时 ，A8 单 元 格 被 移入 表格 视图 之 中 ， 所 以 在 创建 A8 单 元 格 的 [TJ 时候， 就 可 以 通过 -initWithStyle: 


reuseldentifier: 方法 (或 者 -dequeueReusableCellWithldentifier: forlndexPath: ) 到 可 复 用 池 中 查找 是 否 有 可 用 的 单元 格 对 象 ， 有 就 直接 复 用 ， 否 则 会 创建 一 个 全 新 的 单元 格 。 如 此 一 来 ， 即 便 有 再 
多 的 数据 需要 显示 给 用 户 ， 其 所 用 到 的 单元 格 对 象 也 只 是 极 少 的 几 个 或 十 几 个 ， 最 多 不 超过 几 十 个 ， 占 用 的 内 存 空间 并 不 大 。 


图 4-7 使 用 可 复 用 池 示 意 


另外 ， 单 元 格 复 用 池 并 不 关心 池子 里 面 放 的 是 什么 类 型 和 布局 的 单元 格 对 象 ， 那 么 我 们 怎么 能 从 池子 中 复 用 所 需要 类 型 的 单元 格 对 象 呢 ? 笠 运 的 是 ， 每 个 单元 格 都 有 一 个 reuse Identifier 属性 ， 它 是 
String 类 型 的 对 象 。 当 表格 视图 需要 一 个 可 复 用 单元 格 对 象 时 ， 它 会 通过 reuse Identifier 属性 从 可 复 用 池 中 获取 指定 类 型 的 单元 格 对 象 。 通 常 ， 我 们 为 reuse Identifier 属性 指定 一 个 简短 的 名 字 。 在 
Shopping 项 目 中 ， 单 元 格 的 reuse Identifier 值 是 Cell。 


构建 并 运行 应 用 程序 ， 效 果 如 图 4-8 所 示 。 


iOS Simulator = IPhone 5s = iPhone 5s / 105 8.... 
T F9:58 um 


牛奶 
牛奶 


[1] 上 面 介 绍 


4-8 Shopping 应 用 程序 的 运行 效果 


的 这 两 种 方法 将 会 在 之 后 的 章节 用 到 。 本 章 会 先 调用 UITableViewCell 类 的 初始 化 方法 一 initWithStyle:reuseldentifier: 来 创建 单元 格 对 象 。 


413 ”创建 数据 模型 


在 上 一 节 中 ， 我 们 强行 指定 4 个 单元 格 都 显示 牛奶 。 接 下 来 ， 我 们 会 通过 数组 为 表格 视图 提供 需要 显示 的 数据 ， 其 实 这 些 数 组 就 是 简单 的 数据 模型 。 


步骤 1 


在 ViewController 类 中 声明 一 个 常量 toBuyltems， 用 于 存储 需要 购买 的 商品 信息 。 


classViewCon 


troller: UlViewController, UITableViewDelegate, 


UITableViewDataSource|( 


QIBOutlet 


let toBuy 


override 


weak var tableView: UITableView! 


Items = [(" 牛 奶 ", "三 元 ") ， ("红烧 牛肉 面 ", "康师傅") , 


(rper, "汇源 ") Я ("巧克力 "Дш зет") Г 
("地 板 净 "， "d: EU) К (" 洗 发 水 "， "HE A") ] 


func viewDidLoad() { 


toBuyltems 数 组 常量 一 共 包含 6 个 元 组 ， 每 个 元 组 都 由 商品 名 称 和 品牌 组 成 。 


步骤 2 修改 -tableView: numberOfRowslnSection: 和 -tableView: cellForRowAtlndex Path 方 法 如 下 面 这 样 : 


{ 


return tol 


func tableView(tableView: UlITableView, numberOfRowsInSection section: Int) -> Int 


Buy] 


[tems.count; 


} 


var cell = 01 


func tableView(tableView: UlITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell 


lei 


[TableViewCell (style: UITableViewCellStyle.Default, reuseIdentifier: "Cell") 


t (item, brand) = toBuyItems [indexPath.row] 
ll.textLabel?.text = item 


ll.detailTextLabel?.text - brand 


turn cell 


在 该 方法 中 ， 我 们 根据 indexPath 的 row 属 性 获取 需要 创建 的 单元 格 信息 ， 然 后 取得 toBuyltems 数 组 所 对 应 的 元 组 数据 ， 再 将 商品 名 赋值 给 单元 格 的 textLabel 属 性 ， 将 品牌 名 赋值 给 单元 格 的 
detailTextLabel 属 性 ， 最 后 返回 所 创建 的 单元 格 对 象 。 


如 果 此 时 构建 并 


运行 应 用 程序 ， 在 模拟 器 中 我 们 只 能 看 到 商品 信息 ， 并 不 能 看 到 其 品牌 信息 ， 这 是 因为 之 前 所 设置 的 单元 格 风格 是 UITableViewCellstyle.Default， 修 改 单 元 格 风格 为 


UITableViewCellstyle.Value1， 再 次 构建 并 运行 应 用 程序 ， 效 果 如 图 4-9 所 示 。 如 果 你 愿意 ， 还 可 以 将 风格 设置 为 UITableViewCellstyle.Value2 或 UITableViewCellstyle.Subtitle。 
y 


4.1.4. 添加 导航 控制 器 


当 创建 好 购物 清单 后 ， 我 们 将 会 为 应 用 程序 创建 一 个 导航 控制 器 (Navigation Controller) 。 导 航 控制 器 是 组 织 多 个 视图 控制 器 的 一 个 主力 军 ， 它 是 基于 栈 的 ， 也 就 是 说 最 新 入 栈 的 视图 控制 器 是 可 见 
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图 4-9 ”单元 格 风 格 设置 为 Value1、Value2 和 Subtitle 的 运行 效果 


如 果 你 还 不 熟悉 栈 这 种 数据 结构 ， 这 里 通过 一 个 简单 的 例子 来 说 明 一 下 : 栈 很 像 是 一 副 摆 好 的 扑克 牌 ， 我 们 永远 只 能 看 到 最 上 的 那 一 张 ， 如 果 再 放 一 张 ， 也 只 能 看 到 最 新 的 那 张 。 如 果 从 栈 中 移 除 一 
张 ， 则 会 看 到 它 下 面 的 那 张 。 一 般 情况 下 ， 我 们 会 使 用 压 入 和 弹出 描述 入 栈 和 出 栈 的 操作 。 


因为 当 用 户 点 击 表格 视图 中 的 某 个 商品 时 ， 希 望 可 以 看 到 该 商品 的 详细 信息 。 添 加 导航 控制 器 的 方法 有 很 多 ， 其 中 最 简单 的 就 是 通过 嵌入 的 方式 。 


步骤 1 确保 故事 板 中 View Controller 的 视图 处 于 选中 状态 ， 菜 单 中 选择 “Editor 一 Embed In 一 Navigation Controller" , 
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现在 ， 我 们 所 创建 的 视图 已 经 被 嵌入 导航 控制 器 中 ， 而 且 还 继承 了 一 个 来 自 导 航 控制 器 的 导航 栏 。 此 时 导航 栏 上 还 没有 标题 ， 以 致 用 户 在 看 到 该 界面 的 时 候 不 清楚 它 的 用 途 ， 接 下 来 我 们 修复 这 个 问 


步骤 2 ”鼠标 左 键 双击 View Controller 视 图 中 导航 栏 的 中 间 位 置 ， 然 后 输入 “购物 清单 ”。 另 外 ， 也 可 以 在 |B 中 选中 导航 栏 ， 然 后 将 实用 工具 区 域 切换 到 属性 检视 窗 (Command+Option+4 快 捷 
键 ) ， 在 Navigation Item 部 分 中 将 Title 属 性 设置 为 “购物 清单 ”， 如 图 4-11 所 示 。 


ontroller » < BHA% y @ 
Navigation Нет 
Title 购物 清单 


Рготрї 


о е [E 


Back Button 


图 4-11 设 置 导 航 栏 的 标题 信息 
接 下 来 ， 我 们 还 要 在 购物 清单 视图 的 导航 栏 中 添加 一 个 按钮 ， 当 用 户 点 击 该 按钮 以 后 ， 可 以 创建 谷 购 买 的 商品 。 


步骤 3 ”切换 到 对 象 库 ， 在 对 象 库 中 找到 Bar Button ltem， 并 将 其 拖 忠 到 导航 栏 中 的 右 侧 。 在 选中 该 按钮 的 状态 下 打开 属性 检视 窗 ， 将 Bar Button Item 部 分 中 的 Identifier 设置 为 “Add”， 如 图 4-12 
所 示 。 
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图 4-12 ”在 导航 栏 中 添加 bar button item 用 于 创建 新 的 购物 商品 


接 下 来 ， 我 们 将 在 项 目 中 创建 两 个 新 的 视图 控制 器 ， 一 个 用 于 添加 欲 购置 的 商品 ， 另 一 个 用 于 显示 商品 的 详细 信息 。 


4.1.5 ”创建 其 他 的 视图 控制 器 


在 本 节 中 ， 我 们 将 添加 两 个 视图 控制 器 类 用 于 创建 欲 购 商 品 和 显示 商品 信息 。 


步骤 1 项 目 导 航 中 ， 在 Shopping 文 件 夹 上 点 击 鼠 标 右键 ， 选 择 “New File”。 在 出 现 的 文件 类 型 模板 中 选择 “iOS 一 Source 一 Swift File”， 设 置 文件 名 为 “NewltemViewController”， 然 后 点 
击 “Create” 按 钮 。 


步骤 2 打开 NewltemViewController.swift 文 件 ， 删 除 里 面 的 所 有 代码 ， 然 后 创建 New-ltemViewController 类 ， 代 码 如 下 面 这 样 : 


import UIKit 
class NewItemViewController: UIViewController { 
override func viewDidLoad() { 
super .viewDidLoad () 


override func didReceiveMemoryWarning() { 
super.didReceiveMemoryWarning () 


通过 观察 我 们 能 够 发 现 ，NewltemViewController 类 中 的 大 部 分 代码 与 ViewController 类 相同 ， 直 接 复 制 即 可 。 
此 时 ， 我 们 只 是 在 代码 方面 创建 了 一 个 控制 器 类 ， 在 故事 板 中 还 要 创建 一 个 与 之 有 关系 的 视图 。 


步骤 3 打开 Main.storyboard， 从 对 象 库 中 拖 擅 一 个 View Controller 到 IB 中 。 该 视图 控制 器 还 要 与 我 们 之 前 创建 的 NewltemViewController 类 “发 生 关 系 ”， 所 以 在 故事 板 中 选中 新 创建 的 View 
Controller 场 景 ， 切 换 到 标识 检视 窗 (Command+Option+3 快 捷 键 ) ， 在 Custom Class 部 分 中 将 Class 设 置 为 NewltemViewController， 如 图 4-13 所 示 。 
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图 4-13 ”将 NewItemViewConttollet 类 与 故事 板 中 新 添加 的 视图 建立 联系 


当 操作 完成 以 后 ，NewltemViewController 类 的 view 属 性 (指针 变量 ) 会 指向 故事 板 中 刚 创建 的 视图 对 象 。 接 下 来 ， 我 们 要 在 该 视图 中 添加 两 个 标签 (label) 和 两 个 文本 框 (text field) 以 及 一 个 按 
钮 (button) 。 


步骤 4 ”从 对 象 库 中 拖 蝶 一 个 Label 到 New Item View Controller 的 视图 中 ， 将 其 停靠 在 状态 栏 的 下 方 ， 宽 度 打 开 到 足够 大 ， 均 以 参考 线 为 准 。 双 击 Label 并 修改 其 内 容 为 “商品 名 称 : " . BHBSC] T 
Text Field 放 置 在 Label 的 下 方 ， 宽 度 与 之 前 的 一 致 。 复 制 上 面 的 Label 和 Text Field 对 象 到 下 面 的 位 置 ， 然 后 修改 第 二 个 Label 的 内 容 为 “商品 品牌 : ”， 最 终 效果 如 图 4-14 所 示 。 


图 4-14 添加 两 个 Label 和 两 个 Text Field 对 象 到 视图 


Qi 在 IB 中 ， 我 们 有 时 需要 调整 故事 板 的 显示 比例 。 当 比例 不 是 1 : 1 时 ， 我 们 不 能 对 视图 进行 编辑 ， 这 包括 向 视图 添加 控件 、 改 变 控 件 大 小 及 位 置 等 ， 只 有 在 100% 的 显示 比例 下 才能 进行 编辑 。 


步骤 4 ”从 对 象 库 中 拖 忠 一 个 Button 对 象 到 第 二 个 Text Field 的 下 方 ， 调 整 其 宽度 与 之 前 的 Text Field 相 同 。 在 属性 检视 窗 中 ， 设 置 按钮 的 Title 为 “保存 该 商品 ”， 如 图 4-15 所 示 。 
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图 4-15 “在 Text Field 的 下 面 增加 一 个 按钮 保存 增加 的 商品 


步骤 5 ”开启 助手 编辑 器 模式 ， 为 上 面 的 Text Field 与 NewltemViewController 类 创建 Outlet 关 联 ，Name 设 置 为 iemNameTextField， 其 余 均 为 默认 值 。 再 为 下 面 的 Text Field 创 建 Outlet 关 
联 ，Name 设 置 为 brandNameTextField。 


步骤 6 为 下 面 的 按钮 创建 Action 关 联 ，Name 设 置 为 saveltem，Type 设 置 为 UIButton Eventiz&7jTouch Up Inside， 代 表 当 用 户 的 手指 按 下 后 ， 在 按钮 拾 起 时 会 触发 Action 方 法 。 


天 闭 助 手 编辑 器 模式 ， 重 新 打开 Main.storyboard 文 件 。 我 们 需要 在 故事 板 中 再 添加 一 个 场景 来 显示 商品 的 购买 状态 。 该 场景 中 需要 两 个 Label 用 于 显示 商品 名 称 和 品牌 ， 还 需要 一 个 Button 用 来 标记 该 
商品 是 否 已 经 购买 。 


ЖТ” ”在 项 目 导 航 中 添加 1 个 新 的 Swift 文件 ， 名 称 为 temViewController。 修 改 其 代码 如 下 面 这 样 : 


import UIKit 
class ItemViewController: UIViewController { 
override func viewDidLoad() { 
super.viewDidLoad() 


} 

override func didReceiveMemoryWarning() { 
super.didReceiveMemoryWarning () 

} 


куә 


步 又 8 在 故事 板 中 添加 一 个 新 的 View Controller， 设 置 其 Class 为 ItemViewController。 从 对 象 库 中 拖 电 两 个 Label 和 一 个 Button ， 修 改 Button 的 Title 属 性 为 “已 经 购买 ? ” ， 效 果 如 图 4-16 所 示 。 


Item View Controller 


E 4-16 为 ItemViewConttollet 视 图 添加 两 个 Label 和 一 个 Button 
ltemViewController 视 图 上 面 的 Label 用 于 显示 商品 名 称 ， 下 面 的 则 用 于 显示 品牌 ， 而 Button 用 于 设置 是 否 已 经 购买 了 该 商品 。 


步骤 9 ”开启 助手 编辑 器 模式 ， 为 ltem View Controller 场 景 中 的 两 个 Label 创 建 Outlet 关 联 ， 第 一 个 叫做 item-NameLabel， 第 二 个 叫做 brandNameLabel。 再 为 Button 创 建 Action 关 联 ， 将 Name 设 
置 为 jsBuy。 


步骤 10 ”编辑 ltemViewController 类 ， 为 其 添加 两 个 实例 变量 : itemName 和 brandName， 均 为 String 类 型 


AE 


class ItemViewController: UIViewController { 
QIBOutlet weak var itemNameLabel: UILabel! 
QIBOutlet weak var brandNameLabel: UlLabel! 
var itemName: String? 
var brandName: String? 


这 两 个 实例 变量 用 于 接收 从 ViewController 类 传递 过 来 的 字符 串 信 息 。 


步骤 11 为 ltemViewController 类 添加 -viewWillAppear: 方法 ， 当 该 视图 场景 出 现在 屏幕 上 的 时 候 会 调用 该 方法 。 当 执行 方法 时 ， 会 将 从 ViewController 中 传递 过 来 的 商品 信息 通过 Label 显 示 在 屏 
а. 


override func viewWillAppear (animated: Bool) í 
if itemName != nil í 
itemNameLabel.text itemName 
if brandName != nil í 
brandNameLabel.text brandName 


} 


4.1.6 ”在 故事 板 中 连接 视图 


到 目前 为 止 ， Shopping 项 目 中 的 几 个 基本 控制 器 和 视图 已 经 创建 完毕 。 接 下 来 ,我 们 需要 将 它们 连接 起 来 。 


步骤 1 在 故事 板 中 找到 之 前 添加 的 “Add” 按 钮 (View Controller 场 景 的 导航 栏 右 人 出 + 号 按钮 ) ， 与 创建 Outlet 关 联 相同 ， 在 “Add ”按钮 上 按 住 右键 拖 擅 鼠标 到 NewltemView Controller 场 景 上 ， 
此 时 会 出 现 蓝 色 连 接线 。 当 松 开 鼠标 右键 时 ， 会 弹出 Action Segue 面 板 让 我 们 选择 场景 的 过 渡 类 型 ， 如 图 4-17 所 示 。 


New Item View Controller 


Action Segue 
pnus 
modal 
custom 


图 4-17 “Ааа” 49 5 New Item View Controllet 场 景 建立 关联 时 选择 Modal 过 渡 效 果 
Segue 创 建 好 以 后 ， 当 我 们 点 击 导航 栏 中 的 “Add” 按 钮 以 后 ， 将 会 打开 New Item View Controller 场 景 的 视图 。 


步骤 2 建立 从 购物 清单 场景 到 ltem View Controller 场 景 的 过 渡 ， 购 物 清单 场景 质 部 的 第 一 个 黄色 圆圈 代表 该 视图 控制 器 ， 在 其 上 面 点 击 右键 拖 蝶 鼠标 到 item View Controller 场 景 即 可 ， 在 弹出 的 
segue 面 板 中 选择 push， 如 图 4-18 所 示 。 


item View Gomirealler 


图 4-18 ”为 购物 清单 场景 与 ltem View Conttollet 场 景 创 建 过 渡 


© 提示 “选择 push 过 渡 以 后 ，Item View Controller 中 出 现 的 导航 栏 会 覆盖 住 之 前 的 Label 对 象 ， 可 以 在 IB 的 大 纲 视 图 中 选中 被 覆盖 的 Label 对 象 ， 然 后 通过 键盘 调整 其 到 合适 的 位 置 。 
因为 购物 清单 场景 中 会 有 两 个 过 渡 到 其 他 的 场景 ， 所 以 我 们 需要 为 这 两 个 过 渡 指定 过 渡 名 称 。 


步骤 3 ”点 击 购物 清单 与 New Item View Controller 场 景 之 间 的 过 渡 箭 头 ， 在 属性 检视 窗 中 设置 |dentifier 为 newltemSegue。 点 击 购物 清单 与 ltem View Controller 场 景 之 间 的 过 渡 箭 头 ， 在 属性 检视 


窗 中 设置 dentifier 为 itemSegue。 


步骤 4 在 ViewController 类 中 添加 下 面 两 个 方法 : 


func tableView(tableView: UITableView, 
didSelectRowAtIndexPath indexPath: NSIndexPath) { 
performSegueWithIdentifier("itemSegue", sender:indexPath.row) 


} 
override func prepareForSegue (segue: UlStoryboardSegue, 
sender: AnyObject?) { 
f segue.identifier == "itemSegue" { 
var destination: ItemViewController = 
segue.destinationViewController as ItemViewController 

if sender is Int ( 

var (itemName, brandName) = toBuyItems[sender as Int] 

destination.itemName = itemName 

destination.brandName = brandName 


H- 


-tableView: didSelectRowAtIndexPath: 是 UITableViewDelegate 协 议 中 声明 的 方法 ， 当 用 户 点 击 表 格 视图 中 某 个 单元 格 的 时 候 就 会 触发 该 方法 ， 并 通过 indexPath 变 量 传递 用 户 所 点 击 的 单元 格 位 
当 触 发 该 方法 以 后 ， 会 执行 -performSegueWithldentifier: sender: 方法 来 执行 指定 的 场景 间 的 过 渡 。 至 此 ， 购 物 清单 场景 会 通过 Modal 方 式 切 换 到 Iltem View Controller 场 景 。 


n 


当 从 A 控制 器 过 渡 到 另外 一 个 控制 器 时 ， 会 调用 A 控制 器 的 -prepareForSegue: sender: 方法 。 在 该 方法 中 ， 我 们 可 以 根据 Segue 的 identifier 属 性 向 目标 控制 器 传递 必要 的 数据 。 


构建 并 运行 应 用 程序 ， 在 购物 清单 列表 中 点 击 任何 一 件 商品 ， 都 会 切换 到 ltem View Controller 视 图 ， 而 当 点 击 购物 清单 场景 导航 栏 右 人 出 “Add” 按钮 时 ， 就 会 切换 到 New Item View Controller 视 
图 ， 如 图 4-19 所 示 。 
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图 4-19 点击 购物 清单 的 单元 格 和 “Add ”按钮 以 后 的 场景 


42 ”调整 数据 模型 


通过 之 前 的 实践 练习 ， 我 们 只 是 完成 了 Shopping 项 目 中 几 个 基本 的 功能 ， 但 离 最 终 的 目标 还 差 得 很 远 。 接 下 来 ， 我 们 需要 修改 项 目 中 的 数据 模型 (Model) ， 使 其 能 够 满足 更 加 复杂 的 情况 。 


421 ”重建 商品 信息 的 数据 模型 


在 ViewController 类 中 ， 我 们 创建 了 元 组 数组 toBuyltems 来 存储 商品 信息 ， 但 是 该 数组 远 远 不 能 满足 我 们 对 项 目 功 能 的 需求 ， 需 要 重 构 toBuyltems。 
步骤 1 在 Shopping 项 目 中 添加 新 的 Swift 文件 ， 名 称 为 Item。 


步骤 2 修改 ltem 类 的 代码 如 下 面 这 样 : 


import Foundation 
class Item í 
var itemName: String = "" 
var brandName: String = "" 
var isBuy: Bool = false 
// 指定 构造 器 
init(itemName: String, brandName: String, isBuy: Bool) { 
self.itemName = itemName 
self.brandName - brandName 


self.isBuy = isBuy 


} 
// 便利 构造 器 
convenience init(itemName: Strino) { 

self.init(itemName: itemName, brandName: "", isBuy: false) 


} 

// 便利 构造 器 

convenience init(itemName: String, brandName: String)( 
self.init(itemName: itemName, brandName: brandName, 


isBuy: false) 
} 
// Item 的 描述 方法 ， 用 于 在 调试 时 返 
func description()->Stringt 
return "itemName: \(itemName)  brandName: WV(brandName)  isBuy: N(isBuy)" 


п 
Ç 
hill 


) 


ltem 类 中 声明 了 3 个 实例 变量 ,分 别 用 于 存储 商品 名 称 、 品 牌 和 购买 状态 。 


步骤 3 在 ltem 类 中 ， 删 除 之 前 的 toBuyltems 常 量 的 赋值 语句 ， 改 为 下 面 的 代码 : 


var toBuyItems = [ Item(itemName: "牛奶 "，brandName: "三 元 ") 
Item(itemName: "红烧 牛肉 面 "，brandName: " Mia), 
Item(itemName: "ЖГ", brandName: "汇源 ") ， 


( 

(itemName: "Æ", brandName: mis. 
Item(itemName: "МР", brandName: " 滴 露 ") ， 
I (itemName: " 洗 发 水 "，branqName : "SAE")] 


toBuyltems 数 组 中 包含 了 6 个 ltem 类 型 的 对 象 ， 因 为 在 NewltemViewController 中 会 让 用 户 添 加 新 的 商品 到 数组 中 ， 所 以 使 用 var 关 键 字 将 其 设置 为 变量 。 


步骤 4 修改 下 面 的 两 个 方法 ， 使 其 适应 新 的 toBuyltems 实 例 变量 ， 代 码 如 下 : 


func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell 
{ 


var cell = UlITableViewCell (style: UITableViewCel lStyle.Default, 
reuseldentifier: "Cell") 

let item = toBuyItems [indexPath.row] 
cell.textLabel?.text item.itemName 
cell.detailTextLabel?.text = item.brandName 
return cell 


} 
override func prepareForSegue (segue: UlStoryboardSegue, 
sender: AnyObject?) { 
if segue.identifier "itemSegue" { 
var destination: ItemViewController - 
segue.destinationViewController as ItemViewController 
if sender is Int ( 
var item = toBuyItems [sender as Int] 
destination.item = item 


кез 


步骤 5 ”修改 ItemViewController 类 中 的 代码 如 下 面 这样: 


class ItemViewController: UIViewController { 
QIBOutlet weak var itemNameLabel: UILabel! 
QIBOutlet weak var brandNameLabel: UlLabel! 
var item: Item? 
override func viewWillAppear (animated: Bool) { 

if item !- nil { 
itemNameLabel.text item?.itemName 
brandNameLabel.text = item?.brandName 


在 ltemViewController 类 中 ， 我 们 将 之 前 声明 的 两 个 变量 改 为 了 一 个 Item 类 型 的 变量 ， 注 意 它 是 可 选 类 型 。 
在 -viewWillAppear: 方法 中 ， 我 们 先 判断 item 变 量 是 否 为 空 ， 如 果 不 为 空 则 将 信息 赋值 给 两 个 Label 对 象 。 


构建 并 运行 应 用 程序 ， 效 果 与 之 前 的 无 异 。 


4.2.2 ”改变 商品 的 购买 状态 


在 ltemViewController 场 景 中 ， 还 有 一 个 按钮 用 来 改变 商品 的 购买 状态 。 当 用 户 点 击 该 按钮 改变 购买 状态 以 后 ， 购 物 清单 中 的 表格 视图 也 需要 相应 更 新 ， 让 用 户 可 以 清楚 地 知道 已 经 购买 和 还 需要 购买 
的 商品 。 


步骤 1 在 ltemViewController 类 中 修改 -isBuy: 方法 用 于 改变 商品 的 购物 状态 。 


GIBAction func isBuy(sender: UIButton) { 
if item !- nil { 

if item?.isBuy == false( 
item?.isBuy = true 
itemNameLabel.textColor = UIColor.greenColor() 

Jelse( 
item?.isBuy = false 
itemNameLabel.textColor = UIColor.redColor() 


} 


println(item?.description()) 


如 果 此 时 我 们 构建 并 运行 应 用 程序 ， 当 进入 某 个 商品 信息 场景 以 后 ， 上 点击“ 已 经 购买 ? ”按钮 ， 商 品名 称 标签 会 根据 购买 的 状态 改变 颜色 ， 绿 色 代 表 已 经 购买 ， 红 色 代 表 还 没有 购买 该 商品 。 同 时 ， 在 
控制 台中 还 不 会 显示 该 商品 的 信息 。 


步骤 2 在 ViewController 类 中 添加 -viewWillAppear: 方法 ， 编 辑 其 代码 如 下 面 这 样 : 


override func viewWillAppear (animated: Bool) { 
super.viewWillAppear (animated) 
tableView.reloadData () 


当 ViewController 场 景 在 屏幕 上 显示 的 时 候 就 会 调用 该 方法 ， 也 就 是 说 在 Shopping 应 用 程序 启动 ， 显 示 购 物 清单 时 会 调用 该 方法 。 从 ItemViewController 场 景 返 回 View-Controller 场 景 时 也 会 调用 该 
方法 。 在 该 方法 中 ， 我 们 让 表格 视图 重新 载 入 数据 ， 也 就 相当 于 刷新 表格 。 


步骤 3 ”修改 ViewController 类 中 -tableView: cellForRowAtlndexPath: 方法 如 下 面 这 样 : 


func tableView(tableView: UITableView, 
cellForRowAtIndexPath indexPath: NSIndexPath) -» UITableViewCell 


{ 


var cell = UlTableViewCell(style: UITableViewCellStyle.Default, 
reuseldentifier: "Cell") 

let item = toBuyItems [indexPath.row] 
cell.textLabel?.text item.itemNam 
if item.isBuy { 


cell.textLabel?.textColor = UIColor.greenColor () 
}е1ѕе { 
cell.textLabel?.textColor = UIColor.redColor() 


} 
cell.detailTextLabel?.text = item.brandName 
return cell 


当 创 建 或 刷新 单元 格 时 会 调用 该 方法 ， 这 里 会 根据 item 对 象 的 isBuy 属 性 来 设置 text-Label 的 文字 颜色 。 


423 ”创建 欲 购买 的 商品 


在 本 章 中 我 们 还 创建 了 NewltemViewController 场 景 用 于 添加 欲 购买 的 商品 信息 ， 接 下 来 就 实现 这 部 分 的 功能 。 


步骤 1 修改 NewltemViewController 类 中 的 -saveltem: 方法 如 下 面 这 样 : 


QIBAction func saveltem(sender: UIButton) { 

F itemNameTextField.text != nil && 

randNameTextField.text != nil í 

item Item(itemName: itemNameTextField.text, 
brandName: brandNameTextField.text) 


-O H- 


} 


dismissViewControllerAnimated(true, completion: nil) 


当 用 户 点 击 “保存 该 商品 ”按钮 以 后 会 将 商品 信息 写 入 item 对 象 中 ， 然 后 执行 -dismissViewControllerAnimated: completion: 方法 销毁 当前 的 场景 ， 购 物 清单 场景 会 显示 在 屏幕 上 。 


构建 并 运行 应 用 程序 ， 虽 然 在 流程 上 能 够 满足 我 们 的 需求 ， 但 是 被 创建 的 商品 并 没有 显示 到 购物 清单 之 中 ， 也 就 是 说 新 创建 的 item 对 象 并 没有 被 追加 到 toBuyltems 数 组 里 ， 实 现 这 个 功能 需要 借助 “ 委 
托 ” 一 delegate。 


步骤 2 在 项 目 导航 中 打开 NewltemViewController.swift 文 件 ， 在 import UIKit 下 面 一 行 添加 NewltemViewControllerDelegate 协 议 ， 代 码 如 下 : 


import UIKit 
protocol NewItemViewControllerDelegate { 
func addNewItem (controller: NewlItemViewController, item: Item) 


} 


class NewItemViewController: UIViewController { 


在 NewltemViewControllerDelegate 协 议 中 ， 我 们 声明 了 一 个 -addNewltem: item: 方法 。 如 果 哪 个 类 符合 该 协议 ， 就 必须 在 类 中 实现 该 方法 。 


步骤 3 为 NewltemViewController 类 添加 delegate 实 例 变量 ， 代 码 如 下 : 


class NewItemViewController: UIViewController { 


QIBOutlet weak var itemNameTextField: UITextField! 
QIBOutlet weak var brandNameTextField: UITextField! 
var item: Item? 


var delegate: NewltemViewControllerDelegate! = nil 


上 面 粗 体 部 分 的 代码 表明 delegate 变 量 的 类 型 必须 符合 指定 的 协议 。 也 就 是 说 ，delegate 可 以 指向 任何 类 型 的 对 象 ， 只 要 该 对 象 符合 NewltemViewControllerDelegate 协 议 。 


步骤 4 修改 -saveltem : 方法 如 下 面 这 样 : 


QIBAction func saveltem(sender: UIButton) { 
if itemNameTextField.text != nil && brandNameTextField.text != nilí 
item Item(itemName: itemNameTextField.text, 

brandName: brandNameTextField.text) 


} 


delegate.addNewItem(self, item: item!) 


RENE 


步骤 5 ”项 目 导 航 中 选择 ViewControllerswift 文 件 ， 为 ViewController 添 加 New Item-ViewControllerDelegate 协 议 ， 并 实现 协议 中 的 方法 。 


class ViewController: UlIViewController, UITableViewDelegate, 
UITableViewDataSource,NewItemViewControllerDelegate { 

func addNewItem (controller: NewItemViewController, item: Item) { 

toBuyItems.append (item) 

tableView.reloadData() 

controller.dismissViewControllerAnimated (true, completion: nil) 


fraddNewltem: item: 方法 中 ， 我 们 将 从 NewltemViewController 中 传递 过 来 的 item 对 象 添 加 到 toBuyltems 数 组 中 ， 然 后 刷新 表格 视图 ， 最 后 销毁 NewltemViewController。 只 有 我 们 在 点 击 
了 “保存 该 商品 ”按钮 以 后 才 会 执行 该 方法 。 


做 到 这 里 似乎 万 事 大 吉 了 ， 其 实 还 缺少 最 关键 的 一 步 。 


步骤 6 修改 -prepareForSegue: sender: 方法 ， 添 加 下 面 粗 体 部 分 的 代码 : 


override func prepareForSegue (segue: UlStoryboardSegue, 
sender: AnyObject?) { 
if segue.identifier "itemSegue" { 
var destination: ItemViewController - 


segue.destinationViewController as ItemViewController 

if sender is Int ( 

var item = toBuyItems [sender as Int] 
destination.item = item 


jelse if segue.identifier == "newItemSegue" { 

var destination: NewItemViewController = 
segue.destinationViewController as NewItemViewController 
destination.delegate = self 


当 发 生 ViewController 场 景 与 NewltemViewController 场 景 过 渡 时 ， 我 们 会 将 当前 的 ViewController 对 象 (self) 赋值 给 NewltemViewController 对 象 的 delegate 属 性 。 在 NewltemViewController 
类 中 和 欲 执行 协议 方法 ， 就 必须 通过 delegate 属 性 。 


构建 并 运行 应 用 程序 ， 在 创建 好 欲 购 商品 并 点 击 “ 保 存 该 商品 ”按钮 以 后 ， 购 物 清单 中 的 商品 会 发 生 相应 的 变化 。 


通过 上 一 章 的 学 习 ， 我 们 已 经 对 iOS 中 的 表格 视图 有 了 初步 了 解 。 不 管 你 是 否 相 信 ， 由 于 智能 手机 和 平板 电脑 受到 屏幕 大 小 的 局 限 ， 大 量 的 图 片 、 视 频 或 文字 信息 都 需要 通过 表格 或 网 格 来 有 序 显 示 。 
为 第 2 章 的 Calculator 项 目 非 常 简单 ， 所 以 并 没有 必要 使 用 表格 或 者 网 格 。 但 是 在 iOS 中 的 “照片 ”应 用 程序 中 所 显示 的 照片 和 视频 就 使 用 了 集合 视图 (collection view) < “通讯 录 ” 应 用 程序 中 所 列 出 的 
联系 人 就 使 用 了 表格 视图 。iOS 系 统 的 “设置 ”应 用 程序 也 使 用 了 表格 视图 来 显示 各 种 设置 选项 ， 如 图 5-1 所 示 。 
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图 5-1 “照片 、 “通讯 录 ， 和 “设置 ”应 用 程序 分 别 使 用 了 集合 视图 和 表格 视图 


在 上 一 章 中 ， 当 我 们 创建 Shopping 应 用 程序 时 ， 有 机 会 在 故事 板 中 使 用 了 表格 视图 。 本 章 我 们 将 会 伦 费 更 多 的 时 间 着 重 介绍 表格 视图 。 在 本 章 中 ， 我 们 会 继续 完善 之 前 的 Shopping 项 目 ， 在 深入 了 解 
表格 视图 的 同时 ， 让 购物 清单 列表 中 能 够 显示 物品 的 照片 。 


51 剖析 表格 钢 图 
虽然 我 们 在 上 一 章 就 接触 了 表格 视图 ， 但 是 它 的 实现 过 程 可 能 会 让 你 感觉 “ 早 圈 ”。 也 许 心 里 还 会 不 停 地 锅 骂 : 这 是 个 什么 玩意 ? 为 什么 要 这 样 做 ? 有 这 种 心态 是 件 好 事 ， 因 为 这 是 让 我 们 继续 学 下 去 
的 动力 ， 如 果 你 真正 地 了 解 了 “她 ”， 你 就 会 深 深 地 “ 爱 上 她 ”。 


我 们 先 来 看 看 表格 视图 都 包含 哪些 部 分 。UITableView 类 用 于 创建 一 个 表格 视图 ， 而 数据 则 显示 在 表格 视图 的 单元 格 (47) 中 ， 每 个 单元 格 都 被 包含 在 一 个 部 分 (section) 里 面 ， 一 个 表格 视图 可 以 包 
含 一 个 或 多 个 不 同 的 部 分 ， 它 们 之 间 的 关系 如 图 5-2 所 示 。 
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图 5-2 “通讯 录 ”应 用 程序 中 单元 格 、 部 分 与 表格 视图 的 关系 


UlTableViewCell 用 于 创建 表格 中 的 单元 格 ， 在 单元 格 中 我 们 可 以 通过 视图 来 呈现 需要 显示 的 数据 。 在 图 5-2 中 每 个 单元 格 都 有 一 个 Label 对 象 用 于 显示 联系 人 的 名 字 ， 在 后 面 的 实践 中 ， 我 们 可 以 通过 
非常 简单 的 方式 去 创建 自 定义 单元 格 。 


从 图 5-2 中 可 以 清楚 地 知道 ,每 个 单元 格 只 能 属于 一 个 部 分 。 通 常 我 们 使 用 部 分 来 分 组 单元 格 。 图 5-3 显 示 了 “猫眼 电影 ”应 用 程序 中 个 人 信息 的 分 组 情况 。 


如 你 所 见 ， 虽 然 图 5-2 和 图 5-3 都 使 用 了 表格 视图 ， 但 是 看 起 来 并 不 相同 ， 因 为 它们 使 用 了 不 同 的 表格 类 型 风格 。 风 格 不 同 所 呈现 的 部 分 样式 也 就 不 同 ， 在 Swift 中 使 用 UITableViewStyle 枚 举 来 表示 ， 
一 个 是 UITableViewStyle.Plain 风 格 (“通讯 录 ” 应 用 程序 中 使 用 的 ) ， 另 一 个 则 是 UlTableViewStyle.Grouped 风 格 (“猫眼 电影 ”应 用 程序 中 使 用 的 ) 。 当 我 们 在 Xcode 中 创建 表格 视图 时 ， 可 以 根据 需 
要 选择 使 用 哪 种 风格 。 
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图 5-3 “猫眼 电影 ”应 用 程序 中 个 人 信息 的 分 组 情况 


第 2 部 分 


第 4 部 分 


除 此 以 外 ， 在 创建 表格 视图 的 时 候 ， 要 根据 需求 合理 使 用 静态 表格 (Static Cells) 与 动态 表格 (Dynamic Prototypes) 。 当 有 固定 数量 的 单元 格 需要 呈现 在 表格 中 的 时 候 可 以 使 用 静态 表格 ， 比 如 iOS 


的 “设置 ”应 用 程序 ， 它 里 面 的 配置 选项 和 数量 都 不 会 发 生变 化 ， 因 此 使 用 了 静态 表格 。 


如 果 所 呈现 的 数据 是 不 确定 量 的 ， 就 需要 使 用 动态 表格 。 我 们 可 以 在 故事 板 通过 可 视 化 的 方式 设计 单元 格 原 型 ， 然 后 在 程序 运行 的 时 候 ， 通 过 reuse identifier 1 属性 动态 创建 单元 格 对 象 。 


在 应 用 程序 中 每 个 表格 视图 都 必须 有 委托 (UlTableViewDelegate) 和 数据 源 (UITable-ViewDataSource) 与 其 关联 悦 。 数 据 源 需要 依靠 UlITableViewDataSource 协 议 ， 该 协议 中 包含 的 方法 有 : 对 
标题 信息 的 定义 ， 需 要 显示 的 单元 格 行 数 ， 数 据 如 何 分 成 不 同 的 部 分 ， 以 及 最 重要 的 方法 一 一 生成 单元 格 对 象 供 表 格 视图 使 用 。 委 托 是 依靠 UITableViewDelegate 协 议 实 现 的 ， 它 提供 对 表格 视图 的 外 观 和 


功能 的 定义 ， 比 如 检测 用 户 点 击 的 单元 格 ， 自 定义 单元 格 的 高 度 和 缩 进 值 ， 以 及 实现 单元 格 的 删除 和 编辑 等 。 


[1] 在 控制 器 中 创建 单元 格 时 ， 通 过 reuse identifier 从 可 复 用 池 中 找 出 该 类 型 的 单元 格 对 象 进行 复 用 。 
[2] 如 果 使 用 静态 表格 ， 则 可 以 不 需要 数据 源 。 


5.2 ”使 用 UITableViewController 创 建 表格 


在 第 4 章 我 们 通过 修改 UIViewController 控 制 器 创建 了 购物 清单 表格 ， 其 实 Xcode 中 还 有 一 种 更 简单 的 方法 来 创建 表格 视图 ， 即 直接 使 用 UITableViewController。 


5.2.1 创建 超市 的 特价 商品 列表 


假设 我 们 所 创建 的 Shopping 项 目 是 为 某 个 超市 定制 开发 的 购物 应 用 程序 ， 因 此 该 应 用 程序 中 还 有 一 个 可 供用 户 选 购 特价 商品 的 列表 清单 ， 我 们 将 使 用 UlTableViewController 类 创建 它 。 


UR] 在 菜单 中 选择 “File 一 New 一 File” ， 在 文件 选择 模板 中 选择 “iOS 一 Source 一 Cocoa Touch Class”。Class 设 置 为 SpecialsForSupermarketTVC，Subclass of 设置 为 UITableView- 
Controller， 不 勾 选 Also create XIB file，Language 设 置 为 Swift， 点 击 “Create” 按 钮 创建 该 类 ， 如 图 5-4 所 示 。 


Choose options for your new fila: 


Glass: | GoodsForSupermarketTVC | 


subclass of:  LilTableViewController 
Also create XIB file 


iPhone 


Swift 


Previous 


图 5-4 创建 SpecialsForSupetmatketITVC 类 到 Shopping 项 目 


当 SpecialsForSupermarketTVC 类 创建 好 以 后 ， 会 看 到 类 中 自动 生成 了 很 多 与 表格 相关 的 方法 。 


w 注意 ”如果 在 SpecialsForSupermarketTVC 类 中 发 现在 -numberOfSectionsInTableView: 和 -tableView: numberOfRowsInSection: 方法 名 前 面 有 黄色 三 角 标 记 ， 将 这 两 个 方法 的 tableView 参 数 所 带 的 ! 号 
删除 即 可 。 


步骤 2 打开 Main.storyboard， 从 对 象 库 中 拖 忠 一 个 Table View Controller 到 故事 板 ， 然 后 在 标识 检视 窗 中 将 Class 设 置 为 SpecialsForSupermarketTVC， 如 图 5-5 所 示 。 


与 之 前 的 购物 清单 场景 不 同 ， 人 在 SpecialsForSupermarketTVC 场 景 中 的 表格 视图 里 面 会 包含 一 个 动态 单元 格 ， 尽 管 这 个 单元 格 中 还 没有 任何 可 显示 的 东西 。 


| Custom Class 


Class SpecialsForSupermarketTVC 


Prototype Cells Module 


Identity 


Storyboard ID 


Restoration ID 


Use Storyboard ID 


图 5-5 设置 新 添加 Table View Controllerf Class ЭЯ SpecialsForSupermarketTVC 
如 果 此 时 构建 并 运行 应 用 程序 ， 无 论 如 何 也 看 不 到 该 场景 ， 因 为 没有 任何 的 过 渡 指向 到 它 ， 也 就 是 说 我 们 没有 给 它 一 个 可 以 显示 自己 的 “路 ”。 下 面 我 们 先 使 用 一 种 投机 的 方式 将 其 呈现 在 屏幕 上 。 


步骤 3 ”在 故事 板 中 找到 View Controller 场 景 左边 的 箭头 ， 然 后 将 其 拖 蝶 至 Specials ForSupermarketTVC 场 景 的 左边 ， 如 图 5-6 所 示 。 
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5-6 “将 Specials For SupermarketTVC 设 置 为 初始 化 视图 控制 器 


我 们 所 移动 的 这 个 箭头 用 于 指定 应 用 程序 的 初始 化 视图 控制 器 ， 也 就 是 当 开 启 应 用 程序 时 ， 从 哪个 控制 器 开始 运行 。 对 Shopping 项 目 来 说 ， 移 动 之 前 是 从 导航 控制 器 开始 的 ， 现 在 则 是 从 
SpecialsForSupermarketTVC 开 始 。 当 然 ， 通 过 这 样 调 整 以 后 ， 我 们 现在 根本 无 法 进入 导航 控制 器 的 那 条 流程 。 不 用 担心 ， 这 个 问题 会 在 后 面 解决 。 


5.22 ”创建 特价 商品 的 数据 模型 


要 想 显 示 超 市 的 特价 商品 ， 我 们 需要 为 其 创建 专 有 的 数据 模型 类 ， 然 后 通过 表格 视图 控制 器 将 其 显示 在 屏幕 上 。 
步骤 1 在 项 目 导航 中 选择 Shopping 文 件 夹 (黄色 图 标的 那个 ) ， 右 击 鼠 标 后 在 面板 中 选择 “New File”。 


步骤 2 在 文件 模板 选择 面板 中 选择 “iOS 一 Source 一 Cocoa Touch Class" ， 然 后 点 击 “Next” 按 钮 。Class 设 置 为 Specials，Subclass of 设置 为 NSObject，Language 设 置 为 Swift， 确 定好 保存 位 置 
后 点 击 “Create” 按 钮 。 


步骤 3 ”修改 Specials.swift 中 的 代码 如 下 面 这 样 : 


import UIKit 
enum SpecialsCategory: Int { 
сазе food = 0, drink, clothing, stationery, mobile 


} 
class Specials: NSObject { 


let name: String = "" // 商品 名 称 

let brand: String = "" // 商品 品牌 

let category: SpecialsCategory! // 商品 类 别 

let price = 0.0 // 价格 

let originalPrice = 0.0 // 折扣 前 价格 

let imageName: String = "" // 照片 

init(name: String, brand: String, category: SpecialsCategory, 
price: Double, originalPrice: Double, imageName: String) { 


self.name = name 

self.brand = brand 

self.category = category 
self.price - price 
self.originalPrice - originalPrice 
self.imageName = imageName 


在 该 文件 中 ， 首 先 声 明了 一 个 SpecialsCategory 类 型 的 枚 举 ， 用 于 标识 每 件 特价 商品 的 类 别 ， 以 便 在 列表 清单 中 将 其 分 类 。 
Specials 类 中 定义 了 6 个 属性 ， 分 别 表示 特价 商品 的 信息 ， 还 有 1 个 用 于 生成 特价 商品 的 初始 化 方法 。 


步骤 4 修改 SpecialsForSupermarketTVC 类 ， 添 加 两 个 实例 变量 ， 代 码 如 下 : 


class p ms Tum UITableViewController { 

let specialsItems - 

Specials (name: Р", brand: " 超 达 "，category: .food, 
price: 2.8, originalPrice: 5.3, imageName: "ximei"), 
Specials (name: "iPhone 5s", brand: "Apple", category: .mobile, 
price: 4188, originalPrice: 4488, imageName: "iPhone5s"), 
Specials (name: "4", brand: "好 丽 友 "， category: .food, 
price: 11.8, originalPrice: 13.4, imageName: "haoduoyu"), 
Specials (name: "ХК", brand: "农夫 山泉 "，category: .drink, 
price: 26.9, originalPrice: 32.0, imageName: "tianranshui"), 
Specials (name: "ЁТ Н", brand: "ff5|7j", category: .food, 


price: 2.9, originalPrice: 3.8, imageName: "ningmengpian"), 

Specials (name: "FC ES", brand: " 露 露 "， category: .drink, 

price: 15.9, originalPrice: 21.3, imageName: "xingrenlu"), 
Specials (name: "Ка", brand: "УЖ", category: .mobile, 

price: 2760, originalPrice: 3200, imageName: "xiaomi4"), 
Specials (name: "ШЙ", brand: "ШН", category: .food, 

price: 20.8, originalPrice: 28.2, imageName: "xianbei"), 
Specials (name: "EFE", brand: "ЖЖ", category: .food, 

price: 19.9, originalPrice: 23.9, imageName: "shupian"), 
Specials (name: "Uf", brand: "E", category: .food, 

price: 22.6, originalPrice: 25.2, imageName: "guazi"), 
Specials (name: "EREA", brand: "Ж", category: . food, 


price: 26.8, originalPrice: 31.1, imageName: "shousiniurou")] 
var categorySpecials - [Int: [Specials]](0) 


其 中 ，specialsltem 是 一 个 Specials 类 型 的 数组 常量 ， 我 们 在 这 里 一 共 定 义 了 3 大 类 (food, .drinkf[fl.mobile) 11 种 特价 商品 。categorySpecials 是 一 个 字典 变量 , 键 (key) 是 Int 类 型 ， 值 (value) 
是 Specials 类 型 的 数组 ， 我 们 会 将 所 有 的 特价 商品 (Specials 类 型 的 对 象 ) 按照 类 别人 存储 在 这 个 字典 中 。 


步骤 5 修改 -ViewDidLaod 方 法 ， 添 加 对 数据 的 整理 代码 : 


override func viewDidLoad() { 
super .viewDidLoad () 
// r un E "ii aC s 类 型 的 对 象 
for specials in specialsIt 
// 如 果 specials 对 象 的 类 BUE RHET categorySpecialsti 中 ， 就 创建 
// 该 类 别 的 键 名 和 数组 


if categorySpecials[specials.category.rawValue] == nil { 
чл, ad category.rawValue] = [specials] 

\е1ѕе { 

Еи 别 存 在 于 字典 中 ， 就 直接 向 该 键 名 的 数组 中 添加 

// x 


categorySpecials [specials.category.toRaw()]?.append (specials) 


5.2.3 ”通过 data source 传 递 数据 
为 了 给 表格 视图 提供 数据 ， 我 们 需要 控制 器 必须 符合 UITableViewDataSource 协 议 。 该 协议 有 一 些 必 须 实现 和 可 选 实现 的 方法 ， 我 们 要 在 控制 器 中 实现 那些 必 选 方法 以 支持 表格 视图 来 呈现 数据 。 比 
如 ， 表 格 视图 必须 知道 有 多 少 个 部 分 以 及 每 部 分 有 多 少 行 。 


与 第 4 章 不 同 ， 在 本 章 中 我 们 使 用 的 SpecialsForSupermarketTVC 类 继承 于 UITable ViewController， 这 样 我 们 就 不 需要 显 性 地 为 SpecialsForSupermarketTVC 类 声明 该 协议 ， 因 为 
UITableViewController 已 经 符合 该 协议 了 。 


一 行 就 是 UITableViewController 的 类 声明 代码 : 


class UlTableViewController : UlIViewController, UlTableViewDelegate, NSObjectProtocol, UlScrollViewDelegate, UITableViewDataSource { 


UITableViewDataSource 协 议 有 两 个 重要 的 必须 实现 的 方法 ， 如 表 5-1 所 示 。 


45-1 UITableViewDataSoutce 协 议 必须 实现 的 两 个 方法 


方 法 fü xt 
-tableView:numberOfRowsInSection: 每 个 部 分 的 单元 格 的 数量 
-tableView:cellForRow AtIndexPath: 为 指定 位 置 返 回 一 个 UITableViewCell 类 型 的 单元 格 对 象 
第 一 个 方法 -tableView: numberOfRowslnSection: 会 返回 每 个 部 分 的 单元 格 数 量 。 在 大 多 数 情况 下 ， 我 们 会 将 要 显示 的 数据 存储 在 数组 中 ，SpecialsForSupermarketTVC 中 的 specialsltems 对 象 就 


充当 了 这 个 角色 。 但 光 有 它 还 是 不 够 的 ， 我 们 需要 更 完美 的 数据 结构 来 服务 表格 视图 ， 因 此 我 们 又 声明 了 categorySpecials 字 典 变量 ， 并 且 在 -viewDidLaod 方 法 中 ， 将 之 前 的 线 型 数组 转化 为 按 类 别 分 类 的 


<= 
字典 变量 。 


步骤 1 ”修改 -numberOfSectionsinTableView: 方法 如 下 面 这 样 : 


override func numberOfSectionsInTableView (tableView: UITableView) -> Int í 
/ 返回 表格 视图 有 几 个 部 分 


return categorySpecials.count 


(n 


步骤 2 修改 -tableView: numberOfRowslnSection: 方法 如 下 面 这 样 : 


override func tableView(tableView: UITableView, 
numberOfRowsInSection section: Int) -> Int { 
// 获得 字典 中 所 有 的 键 名 并 放 入 categorys 数 组 中 

let categorys = Array(categorySpecials.keys) 

// 返回 每 个 部 分 的 单元 格 数 和 


return categorySpecials[categorys[section]]!.count 


RE 9 


根据 section 我 们 可 以 得 到 属于 该 分 类 的 specials 数 组 ， 然 后 通过 count 获 取 有 多 少 件 商品 。 


通常 情况 下 ， 有 多 少 个 特价 商品 就 应 该 显示 多 少 个 单元 格 ， 而 显示 的 单元 格 顺序 会 通过 NSlndexPath 类 来 表示 ， 一 个 NSIndexPath 类 型 的 对 象 会 包含 section 和 row 两 个 属性 。 在 -tableView: 
cellForRowAtindexPath: 方法 中 ， 我 们 使 用 NSIndexPath 对 象 来 创建 表格 视图 需要 的 指定 位 置 的 单元 格 对 象 。 


步骤 2 修改 -tableView: cellForRowAtIndexPath: 方法 如 下 面 这 样 : 


override func tableView(tableView: UITableView, 
cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { 
var cell = UITableViewCell (style: UITableViewCellSty] e. De] fault, 
reuseIdentifier: "Cell") 
let categorys = Array(categorySpecials.keys) 
var specials = categorySpecials [categorys [indexPath.section]]! 
[indexPath.row] 


cell.textLabel?.text = specials.name 
cell.detailTextLabel?.text = specials.brand 
return cell 


在 上 面 的 方法 中 ， 我 们 指定 了 单元 格 的 标识 为 Cell， 这 与 我 们 在 |B 中 对 单元 格 的 reuse Identifier 属性 所 设置 的 值 一 致 。 这 样 做 的 目的 完全 是 出 于 性 能 的 考虑 ， 这 在 上 一 章 已 经 做 过 详细 介绍 


构建 并 运行 应 用 程序 ， 运 行 效果 如 图 5-7 所 示 。 
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图 5-7 Shopping 项 目 运行 


5.24 在 |B 中 上 自 定 义 单 元 格 


在 Xcode 的 1B 中 ， 我 们 可 以 非常 容易 地 对 原型 单元 格 (Prototype cells) 进行 自 定义 布局 。 


步骤 1 在 项 目 导 航 中 打开 Main.storyboard 文 件 ， 选 中 SpecialsForSupermarketTVC 中 的 prototype cell。 切 换 到 大 小 检视 窗 ， 在 Table View Cell 部 分 将 Row Height 设 置 为 50， 如 图 5-8 所 示 。 


B Shopping › W S...) D м... В м. P s...) OS...) — Tabla View > 


ь [7] 购物 清单 Scene = Table View Cell 
o eo Row Height ай - Custom 


ki E Specials For SupermarketTVC Scena 
Y O Speciala For SupermarkatTVC 
т Table View PROTOTYPE CELLS 
F E Call 
Сапе View 
f$ First Responder 


[8] Exit 


图 5-8 通过 Size Inspectot 设 置 单元 格 的 高 度 


@ 提示 “如果 在 场景 中 不 确定 是 否 选中 Table View Cell， 可 以 借助 大 纲 视图 点 选 “Specials For SupermatketTV C— Table View—Cell" , 


步骤 2 在 故事 板 中 从 对 象 库 拖 蝶 一 个 Image View 对 象 到 单元 格 的 左 侧 ， 切 换 到 大 小 检视 窗 ， 在 View 部 分 将 Image View 的 X 和 Y 都 设置 为 0， 将 Width 和 Height 都 设置 为 50， 如 图 5-9 所 示 。 再 切换 到 
属性 检视 窗 ， 将 Mode 设 置 为 Aspect Fit。 
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图 5-9 设置 单元 格 中 Image View 对 象 的 大 小 和 位 置 
步骤 3 ”从 对 象 库 中 拖 忠 一 个 Label 对 象 放置 在 lImage View 的 右 侧 ， 在 属性 检视 窗 中 设置 其 字号 为 18， 该 Label 用 于 显示 特价 商品 的 名 称 。 
步骤 4 再 从 对 象 库 中 拖 筑 一 个 Label 对 象 到 之 前 Label| 的 下 方 ， 修 改 字 号 为 12， 该 Label 用 于 显示 商品 品牌 。 
步骤 5 ”确保 还 是 选中 当前 的 这 个 单元 格 ， 然 后 在 属性 检视 窗 中 将 Identifier 设置 为 SpecialsCell。 当 我 们 在 控制 器 中 创建 单元 格 对 象 时 ， 可 以 通过 这 个 标识 从 可 复 用 池 中 获取 所 需 的 单元 格 对 象 。 
要 想 在 项 目 中 使 用 自 定义 的 单元 格 对 象 ， 我 们 还 需要 创建 一 个 UlTableViewCell 的 子 类 。 


步骤 6 在 项 目 导航 中 创建 一 个 新 的 iOS Cocoa Class， 将 Class 设 置 为 SpecialsTable-ViewCell，Subclass of 设置 为 UITableViewCell，Language 设 置 为 Swift， 如 图 5-10 所 示 。 
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图 5-10 ”创建 SpecialsTableViewCell 类 


步骤 7” 回 到 故事 板 中 ， 设 置 单元 格 的 class 属 性 为 SpecialsTableViewCell。 将 编辑 区 切换 到 助手 编辑 器 模式 ， 为 Image View 和 两 个 Label 创 建 IBOutlet 关 联 。 按 住 鼠 标 右键 将 鼠标 拖 忠 ImageView 到 
SpecialsTableViewCell 类 并 命名 为 albumlmageView， 两 个 Label 分 别 命名 为 nameLabel 和 brandLabel。 


步骤 8 ”修改 SpecialsForSupermarketTVC 类 中 的 -tableView: cellForRowAtIndex Path: 方法 如 下 面 这 样 : 


override func tableView(tableView: UlTableView, cellForRowAtIndexPath 
indexPath: NSIndexPath) -> SpecialsTableViewCell { 

var cell = tableView.dequeueReusableCellWithIdentifier 
("SpecialsCell", forIndexPath: indexPath) as SpecialsTableViewCell 
let categorys = Array(categorySpecials.keys) 
var specials = categorySpecials [categorys [indexPath.section]]! 

[indexPath.row] 

cell.nameLabel?.text = specials.name 

cell.brandLabel?.text = specials.brand 

return cell 


在 该 方法 中 ， 我 们 抛弃 了 之 前 使 用 UITableViewCell 的 init 方 法 来 创建 单元 格 的 方式 ， 使 用 UITableView 的 -dequeueReusableCellWithldentifier: forlndexPath: 实例 方法 从 可 复 用 池 中 直接 获取 需要 


的 单元 格 对 象 ， 如 果 可 复 用 池 中 没有 可 供 使 用 的 单元 格 对 象 ， 该 方法 会 自动 为 我 们 创建 一 个 新 的 。 在 返回 单元 格 对 象 的 同时 ， 我 们 还 要 使 用 as 关键 字 将 其 转换 成 SpecialsTableViewCell 类 型 ， 否 则 在 后 面 无 
法 访问 其 nameLabel 和 brandLabel 属 性 。 


构建 并 运行 应 用 程序 ， 我 们 发 现 ， 虽然 特 价 商品 被 罗列 出 来 ， 而 且 进 行 了 分 组 ， 但 是 单元 格 中 只 显示 了 特价 商品 的 名 称 和 品牌 ， 之 前 所 定义 的 Image View 并 没有 发 挥 它 的 作用 。 接 下 来 ， 要 在 单元 格 中 
显示 与 商品 对 应 的 缩 略 图 。 


步骤 9 在 项 目 导 航 中 选中 Images.xcassets 文 件 ， 在 编辑 区 域 中 点 击 左下 角 的 “+” 号 ， 在 弹出 的 面板 中 选择 “Import” ， 载 入 特价 商品 图 片 ， 如 图 5-11 所 示 。 
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图 5-11 导入 特价 商品 的 图 片 


步骤 10 打开 SpecialsForSupermarketTVC， 在 “cellbrandLabel?.text=specials.brand” 的 下 面 添加 一 行 代 码 ， 如 下 : 


cell.albumlImageView.image = UIImage (named: specials.imageName) 


构建 并 运行 应 用 程序 ， 效 果 如 图 5-12 所 示 。 


| ЮЗ Simulator - IPhone 5s - IPhone 5s / IOS 8.... 
EX T F10:02 тш. 


ipu 


Iiis 
好 多 鱼 


Е 一 一 一 一 一 一 -一 


iPhone 5s 
Apple 


х4 


小 米 


q EMK 


im 
"ER. 


图 5-12 ”特价 商品 表格 视图 的 运行 效果 


单元 格 还 包含 一 个 附件 视图 (accessory view) ， 附 件 视 图 可 以 为 用 户 提供 一 种 交互 手段 。 如 果 除了 直接 点 击 单元 格 来 完成 交互 以 外 ， 我 们 还 想 有 更 多 的 互动 方式 就 可 以 借助 附件 视图 。 比 如 单元 格 需 
要 向 用 户 呈 现 是 否 选 中 的 状态 ， 我 们 可 能 会 使 用 一 个 标记 (checkmark) 来 作为 附件 视图 。 图 5-13 显 示 了 不 同类 型 的 附件 视图 。 
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Disclosure indicator 


Detail disclosure button 


Checkmark 


Detail button 


图 5-13 可 以 使 用 的 不 同类 型 的 附件 视图 
disclosure indicator 附 件 视图 是 最 常用 的 一 种 附件 视图 ， 我 们 可 以 在 很 多 的 App 中 看 到 它 的 身影 。 它 通常 用 于 告诉 用 户 : 当 你 点 击 这 行 单元 格 时 ， 会 呈现 出 另 一 个 视图 。 


detail button 附 件 视图 会 告诉 用 户 将 要 呈现 一 个 关于 单元 格 的 详细 信息 ， 用 户 只 有 点 击 附件 视图 本 身 的 时 候 才 会 生效 。detail disclosure button 也 包含 了 相同 的 按钮 ， 能 够 实现 相同 的 功能 ， 但 是 它 的 
右 侧 还 多 了 个 disclosure indicator, 


如 果 我 们 创建 的 表格 视图 需要 让 用 户 选 择 一 个 或 多 个 单元 格 时 ， 就 需要 使 用 checkmark 附 件 视图 。 


在 Shopping 项 目 中 ， 在 SpecialsForSupermarketTVC 场 景 的 单元 格 里 面 ， 我 们 需要 使 用 disclosure indicator 作 为 附件 视图 ， 因 为 这 样 做 会 提示 用 户 ， 当 点 击 该 单元 格 时 会 显示 更 深 一 级 的 视图 。 


步骤 11 打开 Main.storyboard， 选 择 单元 格 后 切换 到 属性 检视 窗 ， 在 Table View Cell 部 分 中 将 Accessory 设 置 为 Disclosure Indicator， 如 图 5-14 所 示 。 
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图 5-14 设置 单元 格 的 附件 视图 为 Disclosure Indicator 


请 大 家 干 万 不 要 小 看 这 个 Disclosure Indicator， 如 果 认 为 这 个 小 尖 尖 可 有 可 无 ， 那 你 就 大 错 特 错 了 。 就 因为 有 了 这 个 小 尖 尖 ， 才 让 用 户 感觉 到 当 我 点 击 这 个 单元 格 时 会 出 现 新 的 视图 ， 也 就 是 说 该 单元 
格 后 面 “ 有 料 ”， 否 则 用 户 可 能 不 会 尝试 去 点 一 个 没有 任何 提示 的 单元 格 。 


通过 前 面 的 学 习 ， 我 们 已 经 使 用 所 提供 的 数据 模型 在 表格 视图 中 呈现 需要 的 信息 。 但 是 现在 只 是 呈现 而 已 ， 当 用 户 对 表格 视图 进行 各 种 交互 操作 的 时 候 ， 应 该 如 何 处 理 呢 ? 接 下 来 我 们 会 解决 这 个 问 


5.3 ”表格 视图 中 的 选择 与 删除 


用 户 可 能 会 对 表格 视图 的 同一 个 单元 格 做 不 同 的 动作 ， 最 常用 的 动作 就 是 选择 与 取消 选择 。 尤 其 是 在 单元 格 中 有 附件 视图 时 ， 当 我 们 点 击 某 个 单元 格 ， 总 是 希望 和 一 些 事情 发 生 。 苹 果 提 供 的 


UlTableViewDelegate 协 议 可 以 让 我 们 对 用 户 做 出 的 这 些 动作 给 予 正确 的 响应 。 


我 们 已 经 使 用 UITableViewDataSource 协 议 为 表格 视图 提供 需要 显示 的 数据 ， 通 过 各 种 方法 提供 表格 视图 方方面面 的 数据 。 比 如 ， 表 格 视图 由 几 部 分 组 成 ， 每 部 分 的 单元 格 数量 ,每 个 单元 格 都 是 什么 
等 。 而 控制 器 同样 也 是 通过 各 种 方法 来 实现 对 用 户 交互 的 响应 。 它 们 的 不 同 之 处 在 于 ，UlTableViewDelegate 协 议 没有 必须 实现 的 方法 ， 它 们 都 是 可 选 的。 也 就 是 说 ,我们 想 要 响应 表格 视图 的 哪些 互动 操 
作 完 全 取决 于 我 们 自己 。 


5.3.1 ”删除 表格 中 的 单元 格 


使 用 过 iPhone 的 人 都 知道 ， 当 我 们 在 表格 中 的 某 个 单元 格 上 横向 向 左 划 动 手指 的 时 候 就 可 以 删除 该 单元 格 。 接 下 来 ， 我 们 就 为 Shopping 项 目的 购物 清单 添加 删除 欲 购 商品 的 功能 。 


虽然 笔者 很 想 针 对 SpecialsForSupermarketTVC 控 制 器 让 大 家 继续 实践 ， 但 是 由 用 户 删 除 “超市 ”所 提供 的 特价 商品 的 行为 是 非常 不 符合 逻辑 的 ， 所 以 我 们 还 需要 在 故事 板 中 将 Init View Controller 改 
回 到 之 前 的 导航 控制 器 。 


步骤 1 在 故事 板 中 选中 导航 控制 器 ， 将 实用 工具 区 域 切换 到 属性 检视 窗 ， 然 后 在 View Controller 部 分 勾 选 ls Initial View Controller 选 项 。 
接 下 来 ， 我 们 需要 人 允许 表格 进行 删除 操作 ， 这 需要 实现 UITableViewDatasource 协 议 中 的 一 个 方法 。 


步骤 2 打开 ViewController.swift 文 件 ， 添 加 -tableView: canEditRowAtlndexPath : 方法 ， 代 码 如 下 : 


func tableView(tableView: UITableView, 
canEditRowAtIndexPath indexPath: NSIndexPath) -> Bool { 
return true 


该 方法 会 允许 用 户 编辑 任何 一 行 单元 格 ， 因 此 我 们 设置 这 个 方法 的 返回 值 为 true。 因 为 是 允许 所 有 的 单元 格 ， 所 以 不 用 关心 传递 进来 的 ndexPath 变 量 。 如 果 我 们 只 是 针对 特定 单元 格 允 许 它们 可 编 
辑 ， 就 需要 在 该 方法 中 依靠 indexPath 变 量 和 条 件 判断 语句 来 返回 true 或 false。 


步骤 3 添加 -tableView: editingStyleForRowAtIndexPath: 方法 ， 代 码 如 下 : 


func tableView(tableView: UITableView, editingStyleForRowAtIndexPath 
indexPath: NSIndexPath) -» UlTableViewCellEditingStyle { 
return UlTableViewCellEditingStyle.Delete 


我 们 实现 了 UITableViewDelegate 协 议 中 的 -tableView: editingStyleForRowAtIndex Path: 方法 ， 该 方法 会 返回 一 个 UITableViewCellEditingstyle 枚 举 类 型 的 值 。 我 们 可 以 选择 无 编辑 控件 
(.None， 也 是 单元 格 的 默认 值 ) 、 删 除 编辑 控件 (Delete) 和 插入 编辑 控件 (Insert) 。 在 购物 清单 场景 中 ， 我 们 只 是 希望 删除 欲 购 商 品 。 


当 用 户 真 正点 击 删除 按钮 时 ， 我 们 还 需要 实现 UITableViewDataSource 协 议 中 的 一 个 方法 。 


步骤 4 添加 -tableView: commitEditingStyle: forRowAtIndexPath: 方法 ， 代 码 如 下 : 


func tableView(tableView: UITableView, 
commitEditingStyle editingStyle: UITableViewCellEditingStyle, 
forRowAtIndexPath indexPath: NSIndexPath) { 
if editingStyle == UITableViewCellEditingStyle.Delete { 
toBuyItems.removeAtIndex (indexPath.row) 
tableView.deleteRowsAtIndexPaths ([indexPath], 
withRowAnimation: UITableViewRowAnimation.Fade) 


因为 单元 格 有 多 种 编辑 风格 (删除 或 插入 ) ， 所 以 在 上 面 的 方法 中 ， 我 们 首先 判断 单元 格 的 编辑 风格 是 否 为 Delete。 然 后 我 们 从 toBuyltems 数 组 中 移 除 IndexPath 所 指定 位 置 的 数据 对 象 ， 最 后 通过 
UITableView 类 的 -deleteRowsAtlndexPath: withRow Animation: 方法 将 表格 视图 中 的 单元 格 移 除 。 


在 这 一 节 中 ， 我 们 一 共 添 加 了 3 个 方法 。-tableView: canEditRowAtIndexPath: 用 于 设置 指定 单元 格 是 否 允 许 编辑 。-tableView: editingstyleForRowAtlndexPath : 用 于 设置 指定 单元 格 的 编辑 风 
格 类 型 。-tableView: commitEditingStyle: forRowAtIndexPath: 用 于 处 理 用 户 与 单元 格 的 交互 操作 。 


在 故事 板 中 将 Navigation Controller 场 景 设置 为 初始 化 视图 控制 器 后 ， 构 建 并 运行 应 用 程序 ， 在 购物 清单 表格 视图 中 从 左 向 右 划 动 指定 单元 格 时 ， 删 除 按钮 就 会 出 现在 单元 格 的 右边 。 如 果 我 们 点 击 删 
除 按钮 ， 单 元 格 会 从 表格 视图 中 移 除 ， 如 图 5-15 所 示 。 
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15-15 划 动 删除 表格 视图 中 的 指定 单元 格 


5.3.2 ”单元 格 的 选择 和 取消 选择 


当 用 户 点 击 表格 视图 中 的 某 个 单元 格 时 ， 就 会 触发 UITableViewDelegate 协 议 中 的 -tableView: didSelectRowAtIndexPath: 方法 。 在 上 一 章 中 我 们 就 通过 该 方法 进行 控制 器 之 间 的 过 渡 ， 代 码 如 下 : 


func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) í 
performSegueWithIdentifier("itemSegue", sender:indexPath.row) 


} 


该 方法 的 第 二 个 参数 传递 了 一 个 NSIndexPath 类 型 的 变量 ， 用 于 告诉 我 们 用 户 选 择 了 哪个 部 分 的 单元 格 。 


在 上 一 章 和 本 章 的 实践 中 ， 我 们 就 已 经 使 用 了 委托 设计 模式 ， 可 能 你 还 不 知道 而 已 。 那 它 到 底 是 个 什么 东西 呢 ? 接 下 来 就 为 大 家 详细 地 介绍 委托 (delegate) 。 


委托 也 是 iOS 应 用 程序 开发 中 一 种 非常 重要 的 设计 模式 (重要 性 与 之 前 介绍 的 MVC 相 当 ) ， 因 为 每 个 项 目 都 会 用 到 委托 。 表 格 视 图 会 用 到 委托 ， 场 景 间 的 跳 转 会 用 到 委托 ， 响 应 用 户 与 控件 的 交互 会 用 
到 | 委托， 应 用 程序 启动 后 所 运行 的 AppDelegate 类 还 是 用 到 了 委托 。 


在 Shopping 项 目 中 ， 我 们 在 ViewController 类 中 添加 了 表格 视图 对 象 ， 在 UITableView 类 中 有 一 个 delegate 属 性 ， 当 时 我 们 并 没有 通过 代码 的 方式 来 设置 它 ， 而 是 在 故事 板 中 将 表格 视图 的 delegate 
与 控制 器 进行 了 IBOutlet 关 联 (4.1.2 节 中 的 步骤 5) 。 为 了 能 够 让 代码 更 加 清晰 ， 有 很 好 的 阅读 性 ， 我 们 声明 ViewController 类 时 添加 了 对 UITableViewDataSource 协 议 的 声明 。 此 时 ，Xcode 会 提示 我 们 
必须 实现 两 个 协议 方法 : -tableView: numberOfRowslnSection: 和 -tableView: cellForRowAtIndex Path: ， 这 两 个 方法 会 在 适当 的 时 候 (表格 视图 需要 绘制 时 ) 被 调用 ， 我 们 把 这 种 设计 模式 叫做 委 
托 。 有 相当 多 的 类 具有 delegate 属 性 ， 这 也 就 意味 着 有 相当 多 的 类 需要 通过 委托 设计 模式 来 实现 相关 的 功能 。 


委托 就 像 面向 对 象 编程 中 的 回调 ， 当 特定 事件 发 生 的 时 候 就 会 调用 它 。 例 如 ， 当 UITableView 对 象 在 绘制 单元 格 时 ， 它 会 回调 UITableViewDataSource 协 议 中 的 -tableView: 
titleForHeaderlnSection: 方法 来 绘制 每 个 部 分 的 标题 。 但 这 个 回调 方法 并 没有 固定 的 代码 ， 我 们 要 根据 项 目的 具体 要 求 来 编写 其 中 的 代码 。 因 为 -tableView: titleFor HeaderlnSection: 是 可 选 方法 ， 
所 以 如 果 在 ViewController 类 中 没有 实现 该 方法 ， 程 序 也 会 正常 运行 ， 而 且 不 会 在 表格 视图 中 实现 该 功能 。 


让 我 们 再 来 对 比 一 下 委托 和 目标 -动作 配对 之 间 的 区 别 。 在 前 面 的 实践 练习 中 使 用 了 目标 -动作 配对 的 事件 响应 方式 (点击 计算 器 中 的 按钮 以 后 会 执行 一 个 IBAction 方 法 ) ， 当 用 户 点 击 UlButton 时 , € 
会 向 目标 对 象 发 送 一 个 消息 ， 而 且 对 于 每 一 个 事件 都 要 创建 一 个 目标 -动作 的 配对 。 至 于 委托 ， 我 们 只 要 在 类 中 设置 好 它 ， 就 能 够 针对 不 同 的 事件 收 到 不 同 的 消息 。 


使 用 目标 -动作 配对 的 方式 ， 我 们 可 以 针对 某 个 事件 设置 单一 的 目标 -动作 配对 。 但 委托 就 不 这 么 灵活 了 ， 它 只 能 发 送 特定 的 消息 给 delegate 所 指向 的 对 象 ， 这 些 特定 消息 的 集合 叫做 “协议 ”。 


5.4.1 协议 


其 实 每 个 对 象 都 可 以 被 特定 的 delegate 所 指 ， 只 要 它 符合 某 个 协议 (Protocol) 。 在 协议 中 会 声明 一 些 消息 ， 我 们 可 以 向 delegate 发 送 这 些 消息 。 在 协议 所 关注 的 事件 发 生 以 后 ，delegate 会 调用 协议 
中 的 方法 。 一 个 类 执行 了 协议 中 的 方法 ， 我 们 就 说 这 个 类 符合 某 个 协议 。 


UITableView 类 的 数据 源 (data source) 委托 协议 像 下 面 这 样 : 


protocol UITableViewDataSource : NSObjectProtocol { 

func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int 

func tableView(tableView: UlITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell 
optional func numberOfSectionsInTableView(tableView: UlTableView) -> Int // Default is 1 if not implemented 
optional func tableView(tableView: UlITableView, titleForHeaderInSection section: Int) -> String? 


通过 上 面 的 协议 定义 可 以 发 现 ，iOS 使 用 protocol 命 令 声明 协议 ， 后 面 是 协议 的 名 称 UITableViewDataSource， 紧 接着 是 冒号 和 NSObjectProtocol， 这 代表 在 该 协议 中 我 们 还 引用 了 
NSObjectProtocol 协 议 ， 表 示 UlITableViewDataSource 协 议 中 包含 了 NSObjectProtocol 协 议 的 所 有 方法 。 之 后 ， 声 明了 UlTableViewDataSource 协 议 的 方法 。 在 协议 中 还 使 用 了 optional 关 键 字 代表 该 
方法 是 必需 还 是 可 选 方法 。 


我 们 注意 到 ， 协 议 并 不 是 一 个 类 ， 它 只 是 一 个 非常 简单 的 方法 名 称 列 表 (也 可 以 包含 变量 ) 。 协 议 是 不 能 被 实例 化 的 ， 所 以 也 就 不 能 包含 方法 的 执行 代码 。 我 们 只 能 在 符合 协议 的 类 中 定义 协议 方法 的 
执行 代码 。 


我 们 将 用 于 委托 的 协议 叫做 委托 协议 。 委 托 协 议 的 命名 规则 是 在 委托 的 名 称 后 面 加 上 Delegate。 但 需要 注意 的 是 ， 不 是 所 有 的 协议 都 是 委托 协议 。 


54.2 协议 方法 

在 协议 中 声明 的 方法 可 以 分 为 必需 和 可 选 两 种 类 型 。 在 默认 情况 下 ， 协 议 中 的 方法 都 是 必须 实现 的 。 如 果 协 议 中 需要 可 选 方法 ， 则 要 人 在 方法 的 前 面 使 用 optional 命 令 。 回 过 头 来 再 看 一 下 
UITableViewDatasource 协 议 ， 我 们 会 发 现 协议 中 所 有 的 方法 除了 最 上 面 的 两 个 都 是 可 选 的 。 

其 实 ， 当 我 们 向 delegate 发 送 可 选 协议 方法 时 ， 它 首先 会 向 delegate 发 送 -responds-ToSselector: 指令 。 这 是 每 个 对 象 都 可 以 执行 的 方法 ， 用 来 检测 对 象 是 否 具有 指定 的 执行 方法 。 


如 果 协 议 中 的 方法 是 必须 实现 的 ， 则 在 协议 方法 中 是 不 会 进行 -respondsToselector: 检测 的 。 这 就 意味 着 ， 如 果 delegate 所 指向 的 对 象 没 有 实现 该 协议 方法 ， 就 会 有 一 个 未 被 认证 的 选择 器 异常 被 抛 
出 ， 并 且 导 致 应 用 程序 运行 月 溃 。 


到 此 为 止 ， 我 们 可 以 用 生活 中 的 事例 来 总 结 一 下 委托 。 假 如 你 和 老公 (好 比 是 一 个 控制 器 类 ) 都 是 公司 白领 ， 无 暇 照顾 3 岁 的 孩子 ， 于 是 请 了 一 位 保姆 (表格 视图 类 ) 蔡 你 照看 孩子 (就 像 APP 中 表格 做 
它 该 做 的 事 ) 。 平 时 ， 你 不 可 能 总 是 给 保姆 打 电 话 询问 孩子 现在 是 什么 情况 ， 于 是 给 保姆 一 个 号 码 存在 了 她 的 电话 得 (好 比 是 UITableView 类 的 delegate 属 性 ) 里 ， 保 姆 在 有 需要 的 情况 下 就 通过 这 个 电话 
与 你 联系 。 


通过 这 个 事例 我 们 可 以 明白 ， 如 果 对 象 A (你 和 老公 ) 委托 对 象 B (保姆 ) 做 一 件 B 力 所 能 及 的 事情 (照看 孩子 ) ， 首 先 要 设置 对 象 B 的 delegate 属 性 指向 对 象 A (你 把 电话 号 码 给 保姆 ) ， 以 便 对 象 B 可 
以 随时 通知 到 对 象 A。 然 后 它们 之 间 的 通信 还 要 遵循 一 定 的 规则 ， 这 就 是 委托 协议 。 


5.5 ”设置 应 用 程序 局 动画 面 


在 Xcode 6 中 ， 我 们 可 以 通过 两 种 方式 来 设置 应 用 程序 的 启动 画面 ， 之 所 以 要 有 启动 画面 ， 主 要 是 苹果 考虑 到 有 的 大 型 应 用 程序 在 启动 的 时 候 会 花费 很 长 的 时 间 (比如 在 较 老 的 机 型 上 运行 《FIFA 
2013) ) ， 这 会 给 用 户 会 带 来 不 爽 的 体验 。 当 然 ， 这 里 强烈 建议 大 家 不 要 将 重要 信息 放 在 启动 画面 中 ， 因 为 不 同 机 型 启动 时 间 不 同 ， 新 机 型 可 能 用 户 还 没有 看 清楚 信息 就 消失 了 ， 这 样 的 用 户 体验 也 是 非常 
不 好 的 。 


5.5.1 ”直接 设置 局 动画 面 


直接 设置 启动 画面 的 方法 是 在 项 目的 Target 面 板 中 ， 设 置 App Icons and Launch Images 部 分 中 的 Launch Image Source, 


步骤 1 在 项 目的 Target 面 板 中 找到 App Icons and Launch Images 部 分 中 的 Launch Images Source， 其 默认 为 Use Asset Catalog。 点 击 该 按钮 ， 会 弹出 对 话 框 ， 意 思 是 : 迁移 一 个 启动 画面 到 资源 
分 类 (Images.xcassets) 中 。 因 为 默认 情况 下 ， 项 目的 启动 画面 是 基于 Launchscreen.xib 的 用 户 界 面 ， 我 们 强制 其 使 用 资源 分 类 中 的 图 片 资源 ， 所 以 Xcode 会 进行 确认 。 选 择 Images 后 点 
“Migrate” 按钮 确认 ， 如 图 5-16 所 示 。 


Migrate launch images to an asset catalog 


Your existing launch images will be copied into a new image 
set. Choose an asset catalog to use: 


Images 


Cancel 


Т App icons and Launch Images 
App Icons Source | Applcon 
Launch Images Source | Use Asset Catalog 


Launch Screen File | Launch Screen 


图 5-16 ”以 资源 分 类 方式 设置 启动 画面 


步骤 2 项 目 导航 中 选择 lImages.xcassets 文 件 ， 编 辑 区 域 中 找到 Launchlmage， 上 默认 情况 下 只 有 2x 和 Retina 4 两 种 画面 选择 。 将 实用 工具 区 域 切换 到 属性 检视 窗 ， 勾 选 JOs 8.0 and Later 中 的 iPhone 
Portrait 选 项 。 这 时 会 出 现 Retina HD 5.5 和 Retina HD 4.7 画 面 选择 ， 如 图 5-17 所 示 。 因 为 Xcode 6 已 经 无 法 模拟 iOS 6 版 本 的 项 目 了 ， 所 以 不 用 勾 选 iOS 6 的 选项 。 
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图 5-17 设置 启动 画面 的 可 选 类 型 


步骤 3 ”从 提供 的 素材 文件 中 找到 乐 乐 超市 @2x.png、 乐 乐 超市 R4.png、 乐 乐 超市 4-7.png 和 乐 乐 超市 5-5.png 4 个 图 片 文件 ， 将 其 分 别 拖 岛 至 相应 的 画面 选择 框 中 。 


©» 素材 文件 中 所 提供 的 4 种 画面 的 分 辨 率 是 不 同 的 ， 分 别 适用 于 不 同型 号 的 iPhone。 如 果 你 还 不 清楚 哪 种 型 号 的 iPhone 需要 多 少 分 辨 率 的 图 片 ， 可 以 点 击 相应 的 图 片 选择 框 ， 然 后 在 属性 检视 窗 
中 查看 相关 信息 ， 如 图 5-18 所 示 。 


iPhone Porrrait 


IE. 


i 
F. Enring 4 


iPhone Portrait 


5 7,8 


步骤 4 在 Target 中 将 Launch Screen File 中 的 内 容 清空 


选择 不 同 iPhone 类 型 的 配置 选项 以 后 ， 构 建 并 运行 应 用 程序 会 


iPhone 6， 一 个 适用 于 iPhone 6 Plus, 


5.5.2 ”通过 LaunchScreen.xib 设 置 启动 画面 


在 Xcode 6 中 默认 的 启动 画面 设置 是 借助 LaunchScreen.xib， 在 该 文件 中 只 有 一 个 场景 ， 


步骤 1 从 Images.xcassets 中 导入 cart.png 图 片 。 


步骤 2 项 目 导航 中 选择 LaunchScreen.xib 文 件 ， 修 改 Label 对 象 的 内 容 为 “ 乐 乐 超市 ” 
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图 5-18 ”从 属性 检视 窗 查看 不 同 启动 画面 的 分 辨 率 


， 将 其 位 置 移动 到 视图 偏 上 的 位 置 。 此 时 会 出 现 橘红 色 指 示 线 ， 这 


显示 相应 的 启动 画面 。 其 中 2x 版 本 适用 于 iPhone 4s，R4 版 本 适用 于 iPhone 5 和 5s， 另 外 两 个 版 本 相信 大 家 能 够 分 


我 们 可 以 添加 和 修改 需要 的 控件 。 


选中 Label 对 象 ， 从 菜单 中 选择 “Editor 一 Resolve Auto Layout lssues 一 Update Constraints” 即 可 ， 如 图 5-19 所 示 。 


Ж, 


一 个 适用 于 


与 自动 布局 有 关 ， 我 们 暂时 不 用 理会 它 。 确 定 
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15-19 ”调整 Label 对 象 的 自动 布局 参数 
步骤 3 ”从 对 象 库 中 拖 忠 Image View 对 象 到 视图 中 ， 属 性 检视 窗 中 将 Image 设 置 为 cart，Mode 设 置 为 Aspect Fit, 
步骤 4 在 项 目的 Target 中 将 Launch Screen File 设 置 为 Launch-Screen。Launch Image Source 设 置 为 don 抉 use assets catalogs， 之 后 该 选项 会 变 回 到 Use Asset Catalog. 


构建 并 运行 应 用 程序 ， 启 动画 面 会 变 成 LaunchScreen.xib 的 内 容 ， 如 图 5-20 所 示 。 
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图 5-20 ”使 用 LaunchScteen.xib 设 置 的 启动 画面 


Xcode 6 建议 大 家 使 用 Launchscreen 方 式 来 显示 启动 画面 ， 因 为 不 管 哪 种 设备 (iPhone, iPad, iPad mini) ， 我 们 只 要 设置 一 个 界面 即 可 。 


Qi 如 果 你 此 时 看 到 的 启动 画面 不 完整 是 非常 正常 的 ， 因 为 我 们 还 没有 学 习 自 动 布局 的 相关 知识 。 不 用 担心 ， 后 面 的 章节 我 们 会 具体 介绍 


2] 286 o 


sBor: = 


对 于 一 款 成 熟 的 App 来 说 ， 它 应 该 具备 横 屏 和 竖 屏 的 界面 显示 功能 ， 也 就 是 不 管 我 们 怎么 拿 着 手机 ， 其 所 呈现 的 界面 应 该 是 完美 的 。 那 么 问题 来 了 ， 仪 3.5、4、4.7 和 5.5 英 十 4 个 尺寸 的 屏幕 ， 就 会 有 多 
达 8 种 不 同 大 小 的 界面 布局 (每 种 尺寸 包括 横向 和 纵向 两 个 方向 ) ， 而 这 只 是 一 个 场景 的 情况 。 如 果 你 的 App 有 20 个 场景 ,为 了 让 它 可 以 在 任何 设备 上 完美 展现 就 需要 20x8 的 界面 工作 量 。 好 吧 ， 如 果 这 样 
的 工作 量 你 也 能 忍 (程序 员 的 毅力 是 无 穷 大 的 ) ， 要 是 项 目 总 监 哪 天 说 其 中 有 5 个 界面 需要 重新 设计 逻辑 


苹果 为 了 让 程序 员 不 至 于 发 疯 到 大 小 便 失禁 ， 从 Xcode 4 开始 引入 了 自动 布局 的 特性 ， 并 且 该 特性 在 Xcode 5 中 得 到 了 极 大 改进 。 在 开发 程序 的 过 程 中 ， 自 动 布局 不 仪 可 以 很 好 地 支持 不 同 尺寸 的 屏幕 ， 
它 还 使 得 本 地 化 变 得 非常 简单 。 


自动 布局 (auto layout) 是 一 种 基于 约束 的 引擎 ， 通 过 描述 视图 之 间 的 关系 进行 布局 。 不 管 当前 屏幕 的 大 小 与 方向 ， 自 动 布 局 会 通过 这 些 描 述 或 者 说 约束 来 确定 视图 的 位 置 和 设置 视图 的 大 小 。 使 用 自 
动 布局 ， 我 们 只 要 为 控制 器 创建 一 个 视图 就 能 解决 在 所 有 设备 上 的 界面 显示 问题 。 


本 章 将 向 大 家 展示 如 何 将 自动 布局 特性 整合 到 项 目 中 ， 了 解 自 动 布局 的 基本 概念 并 掌握 在 Shopping 项 目 中 利用 该 特性 为 视图 添加 约束 的 方法 。 接 下 来 ， 我 们 还 要 通过 自动 布局 来 调整 视图 ， 以 适应 屏幕 
在 两 个 方向 上 的 变化 。 


61 目 动 布局 的 概念 


如 果 我 们 只 是 为 一 种 屏幕 尺寸 设计 一 个 方向 的 视图 场景 ， 这 就 意味 着 只 要 确定 那些 需要 的 视图 元 素 ， 然 后 将 这 些 元 素 从 对 象 库 中 拖 上 忠 到 视图 或 视图 体系 结构 中 即 可 。 如 果 增 加 了 另 一 个 方向 也 就 增加 了 
复杂 度 ， 这 也 是 可 以 接受 的 。 但 是 如 果 增 加 了 屏幕 尺寸 和 方向 ， 事 情 就 变 得 复杂 多 了 。 对 于 早期 的 OS 系统 来 说 ， 当 容器 的 大 小 发 生变 化 的 时 候 (屏幕 方向 改变 ) ， 视 图 做 出 如 何 调整 ， 都 不 是 一 件 很 复杂 的 
事情 。 一 般 情况 下 ， 只 要 编写 一 些 代码 就 能 够 解决 ， 在 代码 中 我 们 计算 并 更 新 视图 的 大 小 和 位 置 。 


比如 ， 运 行 在 不 同 高 度 的 竖 屏 iPhone 设 备 上 的 应 用 程序 ， 我 们 需要 了 解 高 度 相差 多 少 ， 然 后 计算 出 哪个 视图 可 以 移动 或 调整 大 小 ， 移 动 或 调整 多 少 。 最 后 真正 移动 或 调整 它们 。 


在 横 屏 和 竖 屏 之 间 的 旋转 处 理 则 更 为 复杂 一 些 。 就 拿 在 iOS 平 台中 非常 著名 的 日 志 应 用 程序 “Day One" 来 说 ， 在 竖 屏 模式 下 ， 它 的 单元 格 高 度 和 单元 格 中 所 显示 的 控件 是 一 种 布局 (包括 各 个 控件 的 
大 小 和 位 置 ) ， 但 是 到 了 横 屏 模式 下 ， 它 的 每 一 个 控件 都 发 生 了 变化 ， 如 图 6-1 所 示 。 昌 然 只 是 方向 上 的 变化 却 需要 我 们 花费 非常 大 的 工作 量 去 计算 每 个 控件 的 大 小 和 位 置 。 
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图 6-1 “Day One” 应 用 程序 的 时 间 线 界面 在 坚 屏 和 横 屏 中 的 显示 效果 
为 了 解决 不 同 设备 不 同方 向 上 的 用 户 界面 的 布局 问题 ， 苹 果 引 入 了 自动 布局 的 特性 ， 简 单 说 就 是 通过 视图 之 间 的 一 种 相互 约束 关系 来 进行 视图 的 布局 ， 而 不 是 用 其 在 父 视图 中 的 绝对 位 置 和 大 小 来 进行 
布局 。 而 每 个 视图 (或 者 是 用 户 界面 元 素 ) 会 有 很 多 的 属性 ， 比 如 宽 、 高 、 上 、 下 、 左 、 右 等 。 所 以 我 们 往往 会 使 用 三 四 个 约束 来 准确 描述 两 个 视图 之 间 的 关系 。 虽 然 自 动 布局 的 功能 非常 强大 ， 但 是 实现 
起 来 却 非常 简单 ， 只 需要 一 个 类 (NSLayoutConstraint) 和 一 些 简单 的 方法 就 可 以 准确 描述 这 些 约束 。 
6.1.1 约束 
通过 前 面 的 介绍 我 们 可 以 知道 ， 在 自动 布局 特性 中 ， 约 束 是 用 来 摘 述 两 个 视图 之 间 关 系 的 。 有 的 时 候 约 束 会 应 用 在 同一 个 视图 ， 有 的 时 候 约 束 会 应 用 在 两 个 同 级 的 视图 ， 有 的 时 候 约 束 会 应 用 在 具有 包 


含 关系 的 视图 上 。 我 们 甚至 可 以 将 约束 应 用 在 两 个 不 同 容器 中 的 视图 上 。 


6.1.2 ”约束 的 天 系 


比较 简单 的 一 种 约束 关系 就 是 针对 单个 视图 本 身 的 ， 比 如 固定 视图 的 高 度 为 35 点 。 我 们 可 以 把 它 解释 为 下 面 这 样 的 一 个 等 式 : 


ViewA.height == 35.0 


一 个 比较 常规 的 关系 类 似 于 下 面 这 样 ， 视 图 的 一 个 属性 与 男 一 个 视图 的 某 个 属性 间 的 关系 。 比 如 视图 A 的 顶部 位 置 与 视图 B 的 底部 位 置 相同 。 


ViewA.top == ViewB.bottom 


仔细 观察 你 会 发 现在 上 面 的 伪 代 码 中 我 们 使 用 的 是 等 于 操作 符 (==) ， 而 不 是 赋值 操作 符 (=) 。 这 在 约束 中 是 一 个 非常 重要 的 概念 ， 这 里 不 是 赋值 。 因 为 自动 布局 会 通过 修改 等 号 两 边 的 值 来 寻求 最 
佳 的 布局 解决 方案 。 比 如 在 上 面 的 代码 中 ， 自 动 布局 能 够 改变 ViewA 的 top 或 ViewB 的 bottom 来 建立 自 适 应 的 用 户 界 面 ， 尤 其 是 它 可 能 会 指定 某 个 约束 必须 被 “无 条 件 满足 ”， 而 有 些 约束 则 根据 权重 有 选 
择 地 实现 。 


约束 定义 了 一 个 视图 的 属性 与 另 一 个 视图 的 属性 之 间 的 关系 。 这 些 属 性 包括 : 


leading 和 trailing 代 表 视 图 的 头 部 和 尾部 。 其 实 视 图 还 有 两 个 属性 是 left 和 tight， 那 leading 和 ttailing 与 left 和 fight 之 间 有 什么 区 别 呢 ? 平时 它们 这 两 对 是 一 样 的 ， 但 是 在 描述 语言 的 时 候 就 有 区 别 了 ， 因 为 有 
的 语言 采用 从 左 到 右 的 书写 顺序 (比如 中 文 ) ， 而 有 的 语言 采用 从 右 到 左 的 书写 顺序 (比如 希 伯 来 语 或 阿拉 伯 语 ) 。 例 如 中 文 leading 就 是 left，trailing 就 是 tight。 项 伯 来 语 中 的 leading 就 是 tight，trailing 就 是 
left, 


: left、fight、top 和 bottom 代 表 视 图 的 4 个 方向 。 

.width 和 height 代 表 视 图 的 宽 与 高 。 

: centerX fecenterY R RILE 89 XfeY 69 Ф ç; ç 

` 视图 的 baseline 属 性 用 于 那些 现实 文本 的 视图 ， 它 是 与 印刷 相关 的 术语 ， 对 应 于 文字 底部 的 一 条 “假想 线 ”。 


下 面 是 一 行 标准 的 约束 描述 等 式 : 


viewl.attribute == (view2.attribute * scaleFactor) + offset 


其 中 ，view1.attribute 和 view2.attribute 是 两 个 视图 及 其 属性 ，scaleFactor 是 第 二 个 数量 值 ，offset 是 关系 上 的 一 个 常量 。 例 如 在 上 一 章 的 ViewController 中 ， 我 们 需要 将 表格 视图 的 单元 格 行 高 设置 
为 60， 就 可 以 使 用 下 面 的 代码 : 


tableView.rowHeight == 60 


在 这 行 代码 中 我 们 发 现 并 没有 其 他 的 视图 和 人参 数值 参与 其 中 ，scaleFactor 和 offset 的 值 都 相当 于 0。 接 下 来 再 看 一 个 使 用 scaleFactor 的 例子 : 


viewl.width == view2.width * 2.0 


这 里 的 offset 的 值 为 0。 
还 有 一 些 天 系 它 们 是 不 需要 等 式 的 ， 属 于 下 面 的 一 种 : 
. 小 于 或 小 于 等 于 
. 大 于 或 大 于 等 于 
假设 我 们 想 给 单元 格 设置 一 个 最 小 高 度 ， 就 可 以 使 用 下 面 的 代码 : 


tableView.rowHeight >= MinimumHeightForCel]l 


过 公式 来 描述 视图 之 间 的 关系 是 自动 布局 的 一 种 方法 ， 但 是 如 果 我 们 的 界面 全 部 使 用 这 种 方法 就 会 麻烦 很 多 。 可 以 想象 : 假如 一 个 场景 中 有 8 个 视图 元 素 ， 两 两 之 间 的 约束 关系 描述 按 3 个 来 说 就 是 21 
个 ， 这 还 不 包括 可 能 需要 描述 3 个 视图 元 素 之 间 关 系 的 (3 个 元 素 需 要 左 对 齐 ) 情况 。 下 一 节 我 们 将 向 大 家 介绍 创建 约束 的 简单 方法 。 


= 


Кі 


6.1.3 ”创建 约束 


知道 了 什么 是 约束 以 后 ， 我 们 该 如 何 创建 它 呢 ? 下 面 列 出 了 三 个 方法 : 


使 用 Interface Builder (IB) 
- 使 用 可 视 化 约束 语言 (Visual Constraint Language, VCL) 
` 代码 指定 所 有 关系 的 等 式 


使 用 IB 创建 约束 的 工作 量 对 程序 员 来 说 是 最 少 的 ，VCL 相 对 多 一 点 ， 而 通过 代码 确定 关系 等 式 是 最 麻烦 的 。IB 会 根据 布局 的 需要 ， 自 动 创建 最 少数 量 的 约束 ， 但 是 这 种 方式 的 灵活 性 较 差 。 至 于 后 面 两 
种 创建 约束 的 方式 ， 我 们 会 使 用 到 NSLayoutConstraint 类 。 在 VCL 中 使 用 特殊 格式 的 字符 串 确 定 视 图 之 间 的 关系 ， 这 样 我们 只 需 一 句 可 视 化 约束 语言 就 能 描述 多 个 约束 。 如 果 我 们 使 用 了 第 三 种 方式 ， 那 就 
只 能 为 视图 关系 中 的 每 个 约束 创建 单独 的 描述 ， 这 样 费 时 、 费 力 还 不 便于 阅读 。 


62 ”在 |B 中 创建 约束 


接 下 来 我 们 将 在 IB 中 创建 约束 ， 为 了 不 影响 之 前 的 Shopping 项 目 (主要 是 防止 大 家 将 界面 改 得 “遍体鳞伤 ”) ， 在 Xcode 中 创建 一 个 新 的 Single View Application 项 目 ， 名 称 为 
AutoLayout，Devices 为 jPhone。 


当 打开 项 目 以 后 ， 选 择 Main.storyboard 并 切换 到 文件 检视 窗 ， 确 认 Interface Builder Document 部 分 中 勾 选 Use Auto Layout 选 项 。 为 了 让 大 家 更 好 地 理解 自动 布局 ， 所 以 这 里 暂时 先 取消 勾 选 Use 
Size Classes 选 项 。 在 弹出 的 面板 中 将 Keep size class data for 设 置 为 iPhone， 点 击 “Disable Size Classes” 按 钮 ， 此 时 View Controller 场 景 会 从 正方 形变 成 长 方形 。 


6.2.1 为 视图 元 素 创建 约束 
步骤 1 从 对 象 库 中 拖 电 一 个 Label 对 象 到 视图 的 左下 角 ， 直 到 出 现 参考 线 ， 如 图 6-2 所 示 。 确 定 active scheme 设 置 为 iPhone 5 或 5s 后 运行 应 用 程序 ， 可 以 看 到 Label 在 屏幕 的 左下 角 。 改 变 scheme 为 


iPhone 4s (3.5 英 寸 ) 再 次 运行 程序 ，Label 对 象 已 经 不 见 了 。 如 果 想 要 看 到 它 ， 需 要 在 |B 中 修改 Label 的 Y 值 。 同 理 ， 如 果 将 scheme 改 为 jPhone 6 或 6 Plus， 则 会 看 到 位 置 相对 靠 上 的 Label， 如 图 6-3 所 
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图 6-2 让 Label 对 象 与 视图 的 左下 角 对 齐 
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图 6-3 LabelZ 3] 55. 4. 646 Plus 上 的 显示 效果 


到 目前 为 止 ，Label 对 象 还 是 通过 在 父 视图 中 的 绝对 坐标 进行 布局 ， 要 想 确 认 它 的 坐标 值 ， 可 以 按 住 option 键 ， 然 后 从 Label 上 移出 鼠标 就 会 看 到 ， 如 图 6-4 所 示 。 


图 6-4 通过 option 键 显示 图 间 的 位 置 关 系 


指示 线 和 数值 可 以 告诉 我 们 当前 对 象 与 包含 它 的 容器 之 间 的 位 置 关系 。 比 如 Label 的 bottom 与 屏幕 的 bottom 有 20 的 距离 ，Label 的 left 或 leading 与 屏幕 的 left 有 16 的 距离 。 


之 前 我 们 已 经 在 故事 板 中 义 选 了 使 用 自动 布局 ， 但 是 似乎 到 目前 为 止 它 还 没有 起 到 任何 的 作用 。Xcode 现 在 会 按照 我 们 的 要 求 在 指定 的 位 置 放置 指定 大 小 的 界面 元 素 ， 但 是 并 没有 考虑 屏幕 的 大 小 和 方 


向 。 
接 下 来 我 们 要 对 Label 的 底部 和 其 容器 的 底部 添加 约束 。 


步骤 2 选中 Label， 然 后 从 菜单 中 选择 “Editor 一 Pin 一 Bottom Space to Superview”， 此 时 在 Label 的 底部 与 容器 的 底部 会 出 现 一 条 蓝 色 工 形 线 ， 代 表 该 约束 创建 完成 ， 如 图 6-5 所 示 。 


Rm 


图 6-5 创建 两 个 视图 之 间 的 约束 


Qi 添加 约束 后 的 Label 对 象 此 时 则 出 现 了 橘红 框 ， 代 表 该 视图 的 约束 不 足以 满足 自动 布局 的 要 求 ，Xcode 无 法 准确 定位 ， 后 面 我 们 还 会 继续 添加 相关 的 约束 。 


我 们 可 以 通过 3 种 方式 来 确认 是 否 为 视图 添加 了 约束 ， 如 图 6-6 所 示 。 


` 在 IB 的 大 纲 视图 中 找到 创建 的 约束 条 目 。 


` 选中 故事 板 中 的 Label 对 象 ， 可 以 看 到 与 其 相关 的 工 形 线 。 


= 8. 
So 


` 在 实用 工具 区 域 中 的 大 小 检视 窗 里 面 看 到 相关 的 约束 信 ， 
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图 6-6 ”3 种 方法 在 IB 中 显示 约束 
构建 并 运行 应 用 程序 ， 不 管 是 哪 种 设备 的 屏幕 ， 都 会 在 其 左下 角 显示 Label 对 象 
6.2.2 ”通过 预 哆 全 看 实时 效果 
如 果 我 们 每 一 次 查看 各 种 设备 的 用 户 界面 显示 效果 时 都 需要 运行 模拟 器 ， 这 样 做 是 比较 浪费 时 间 的 。 我 们 要 不 停 地 修改 scheme 中 的 iPhone 设 备 ， 然 后 逐一 地 在 模拟 器 中 查看 运行 效果 ， 记 录 下 有 问题 


的 布局 发 生 在 哪 种 类 型 的 设备 上 ， 修 改 约束 ， 再 次 在 模拟 器 中 查看 效果 。 我 相信 如 果 周 而 复 始 那么 几 次 ， 你 就 会 开始 烦躁 了 。 
好 在 Xcode 6 为 我 们 提供 了 一 个 非常 实用 的 界面 预览 功能 ， 可 以 帮助 我 们 实时 查看 界面 布局 的 效果 。 


步骤 1 切换 到 助手 编辑 器 模式 ， 在 编辑 区 域 右 侧 窗口 的 顶部 选择 Automatic 设 置 为 “Preview 一 Main.storyboard (Preview) ”， 如 图 6-7 所 示 。 此 时 编辑 区 域 的 右 侧 窗 口 会 出 现场 景 在 屏幕 中 的 实时 
预览 效果 ， 当 前 为 jPhone 4 英寸 的 屏幕 。 
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图 6-7 在 助手 编辑 器 模式 下 实时 预览 ViewConttoller 场 景 的 布局 效果 


ZUR ”点击 预 览 窗口 左下 角 的 “+” 号 ， 在 弹出 的 面板 中 将 3.5 英 寸 、4.7 英 寸 和 5.5 英 寸 屏 幕 的 预览 效果 全 开 ， 将 会 看 到 所 有 机 型 的 屏幕 显示 效果 ， 如 图 6-8 所 示 。 
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图 6-8 ”在 预览 窗口 中 添加 不 同 机 型 的 预览 效果 


仔细 观察 你 会 发 现在 预览 窗口 中 的 Label 对 象 在 左边 是 紧 贴 着 其 父 视图 的 左 侧 的 ， 这 是 因为 我 们 还 没有 指定 其 left 与 父 视图 的 约束 关系 ， 接 下 来 我 们 会 添加 相关 的 约束 。 


6.2.3 ”通过 工具 栏 添加 约束 


通过 Editor 荣 单 是 在 |B 中 为 视图 元 素 添加 约束 的 3 种 方法 之 一 。 这 一 节 我 们 将 使 用 |B 中 的 工具 栏 为 其 添加 约束 。 工 具 栏 位 于 1B 画 布 中 的 右 下 角 ， 一 共 包含 4 个 按钮 ， 如 图 6-9 所 示 。 其 中 第 一 个 按钮 负责 对 
齐 ， 第 二 个 负责 定位 ， 第 三 个 按钮 负责 解决 自动 布局 的 问题 。 
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图 6-9 卫 画 布 中 的 工具 栏 按钮 
大 部 分 的 对 齐 约束 都 是 应 用 在 两 个 同 级 视图 上 面 的， 而 且 实 现 起 来 相当 简单 。 
步骤 1 从 对 象 库 中 拖 忠 一 个 Label 对 象 到 场景 中 (位 置 无 所 谓 ) ， 双 击 Label 将 内 容 改 为 “中 央 对 齐 ”。 


步骤 2 ”确保 该 Label 还 处 于 选中 状态 ， 点 击 画 布 右 下 角 的 对 齐 按钮 ， 在 弹出 的 对 齐 面板 中 勾 选 Horizontal Center in Containerf[IVertical Center in Container 选 项 ， 然 后 点 击 “Update Frames" , 
选择 Items of New Contraints， 如 图 6-10 所 示 。 点 击 “Add 2 Contraints” 按 钮 。 
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图 6-10 ”为 “中 央 对 齐 ”按钮 添加 横向 和 纵向 中 心 对 齐 
当 点 击 添加 约束 按钮 以 后 ，“ 中 央 对 齐 ”Label 会 自动 移 到 屏幕 中 央 的 位 置 ， 并 且 针 对 每 个 约束 都 会 有 一 个 蓝 色 工 形 线 。 
ARAL, 我 们 已 经 让 Label 对 象 与 容器 进行 对 齐 ， 接 下 来 ， 我 们 让 场景 中 的 两 个 Label 对 象 左 对 齐 。 


ЖЕЗ ”选中 场景 中 的 “中 央 对 齐 ”Label， 按 住 Shift 键 再 选择 之 前 的 Label， 使 它们 两 个 处 于 同时 选中 状态 。 打 开 对 齐 按钮 ， 在 面板 中 选择 Leading Edges。 还 是 选择 Update Frames Items of New 
Contraints， 增 加 该 约束 。 


当 点 击 添加 约束 按钮 以 后 ， 之 前 的 Label 会 移动 到 与 中 央 对 齐 Label 左 对 齐 的 位 置 ， 并 且 在 两 个 Label 的 左边 还 有 一 条 工 形 线 。 
工具 栏 中 的 第 二 个 按钮 可 以 为 视图 准确 定位 。 
步骤 4 ”从 对 象 库 中 再 拖 蝶 一 个 Label 对 象 到 场景 中 ， 修 改 Label 的 内 容 为 “顶部 Label”。 确 定 在 选中 的 情况 下 ， 点 击 定位 (工具 栏 中 的 第 二 个 ) 按钮 。 


ЖЫ ”选中 面板 中 顶部 边缘 的 下 拉 框 ， 点 击 其 下 面 的 虚线 工 形 线 ， 使 其 变 成 红色 实 线 。 然 后 从 下 拉 框 中 选择 Use Standard Value， 如 图 6-11 所 示 ， At “Add 1 Contraint” 按 钮 。 
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图 6-11 设置 “顶部 Label” 的 top 使 用 标准 值 
步骤 6 确保 “顶部 Label” 处 于 选中 状态 ， 再 次 打开 定位 按钮 ， 将 leading 下 拉 框 中 的 数值 修改 为 8， 点 击 “Add 1 Contraint ”按钮 。 


当 添 加 新 的 约束 以 后 ， 顶 部 LabeI 会 移动 到 场景 的 左上 角 。 


624 ”改变 约束 的 值 


使 用 工具 栏 的 约束 面板 我 们 可 以 非常 方便 地 创建 约束 ， 并 且 还 可 以 指定 类 似 于 Standard Value 这 样 的 常量 和 数值 类 型 的 偏 移 量 。 但 是 ， 当 我 们 改变 这 些 数 值 以 后 会 发 生 什 么 事情 呢 ? 

一 种 方法 是 在 选中 视图 的 状态 下 ， 通 过 大 小 检视 窗 进行 修改 。 

步骤 1 选中 场景 中 的 “中 央 对 齐 ”Label， 在 大 小 检视 窗 中 会 列 出 与 该 视图 相关 的 所 有 约束 。 在 每 一 个 约束 的 右 侧 都 会 有 一 个 Edit， 点 击 它 以 后 就 可 以 从 弹出 面板 中 编辑 该 约束 ， 如 图 6-12 所 示 。 
另 一 种 编辑 约束 的 方法 就 是 在 场景 中 直接 双击 约束 。 

步骤 2 选中 “顶部 label” 对 象 ， 它 一 共有 两 个 约束 ， 一 个 在 左边 ， 一 个 在 上 边 。 双 击 位 于 左边 的 约束 工 形 线 。 


此 时 有 两 个 事情 会 在 IB 中 发 生 ， 一 个 快速 编辑 面板 会 出 现在 约束 的 附近 ， 通 过 这 个 面板 我 们 可 以 非常 方便 地 修改 属性 值 。 另 一 个 事情 是 属性 检视 窗 (大 小 检视 窗 也 有 同样 的 效果 ) 中 也 会 显示 该 约束 的 
相关 信息 ， 如 图 6-13 所 示 。 
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96-12 ”大 小 检视 窗 中 修改 指定 的 约束 
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图 6-13 ”双击 场景 中 约束 后 弹出 快速 编辑 面板 


© 在 编辑 约束 的 过 程 中 ， 我 们 往往 需要 详细 了 解 视 图 与 视图 之 间 的 距离 。 这 时 就 可 以 借助 option 键 ， 选 中 其 中 一 个 视图 后 按 住 option 键 ， 再 将 鼠标 移 到 另 一 个 视图 上 面 ， 就 会 显示 出 它们 之 间 的 
JE S. 


6.2.5 ЕБИНЕ 


除了 通过 工具 栏 来 创建 约束 以 外 ， 我 们 还 可 以 用 一 种 更 直观 的 方法 来 “ 拖 忠 ”出 约束 。 这 里 所 说 的 “ 拖 忠 ”是 在 欲 建 立 约束 的 视图 上 面 按 住 右键 移动 鼠标 (或 者 按 住 Control 键 左 键 移动 鼠标 。 当 完成 拖 
灸 以 后 ，1B 会 提供 可 选 的 约束 选择 面板 ,我们 可 以 选择 一 个 约束 或 者 按 住 Shift 键 选择 多 个 约束 。 


步骤 1 选中 “中 央 对 齐 ”Label， 按 住 Control 键 向 右 拖 忠 鼠标 ， 当 移动 鼠标 到 Label 外 部 的 时 人 息 ， 其 父 视图 会 变 成 选中 状态 ， 此 时 代表 “中 央 对 齐 ”Label 会 与 其 父 视图 友 生 约束 关系 。 当 松 开 妃 标 以 
后 ,会 弹出 约束 选择 面板 ， 如 图 6-14 所 示 。 
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图 6-14 在 Label 上 拖 惕 鼠标 后 弹出 的 约束 选择 面板 
步骤 2 不 同 的 视图 所 呈现 的 约束 选项 是 不 同 的 ， 选 中 场景 底部 的 Label， 然 后 将 其 向 上 拖 外 到 中 央 对 齐 的 Label 上 面 ， 代 表 让 Label 与 中 央 对 齐 建立 约束 关系 。 我 们 发 现 约束 的 选项 有 所 不 同 。 
在 约束 选择 面板 中 我 们 会 看 到 有 的 约束 前 面 会 出 现 白色 圆 点 ， 这 说 明 视 图 已 经 设置 了 该 项 约束 。 比 如 通过 图 6-14 我 们 可 以 知道 ，“ 中 央 对 齐 ”Labe 已 经 设置 了 与 其 父 视图 的 垂直 居中 关系 。 
拖 忠 是 快速 创建 约束 的 方法 ， 出 现在 快速 选择 面板 中 的 约束 会 依据 下 面 的 三 种 情况 : 
“ 依据 拖 如 的 方向 
“ 依据 拖 如 的 距离 


: 依据 拖 彼 到 的 目标 视图 


Xcode 会 通过 这 3 件 事情 去 产生 可 能 的 约束 选项 列表 。 通 常 ， 水 平方 向 的 拖 蝶 会 产生 水 平方 向 的 约束 ， 垂 直 拖 忠 会 产生 每 直方 向 的 约束 ， 对 角 线 拖 钨 会 产生 这 两 个 方向 的 约束 。 


6.3” 坚 屏 下 的 目 动 布局 


iPhone 的 型 号 不 同 ， 它 们 的 屏幕 高 度 也 各 不 相同 。 自 动 布 局 可 以 让 我 们 通过 一 组 约束 在 不 同 设备 上 完美 呈现 用 户 界面 。 在 本 节 中 ， 我 们 将 为 Shopping 项 目 创建 特价 商品 的 详细 页 面 。 


设计 和 向 用 户 界面 添加 约束 是 我 们 程序 开发 工作 流程 中 的 重要 部 分 。 图 6-15 是 常规 的 用 户 界面 设计 过 程 。 首 先 设 计 在 屏幕 上 所 呈现 的 原始 模型 ， 这 里 我 们 只 做 简单 的 初始 布局 ， 不 添加 任何 约束 。 实 际 
上 ， 初 始 布 局 在 项 目 编写 的 过 程 中 往往 会 发 生 多 次 改变 ， 所 以 在 没有 确定 下 来 之 前 请 不 要 创建 约束 。 


图 6-15 约束 的 编辑 周期 


当 用 户 界面 最 终 确定 下 来 以 后 ， 我 们 开始 设计 和 添加 约束 ， 并 在 各 种 尺寸 和 方向 上 测试 用 户 界面 ， 这 时 候 通常 会 发 现 一 些 问题 。 针 对 这 些 问题 再 添加 相关 的 约束 ， 尝 试 各 种 的 约束 ， 调 坛 、 优 化 以 及 再 
添加 其 他 的 约束 ， 周 而 复 始 ， 直 到 在 所 有 设备 上 完美 呈现 。 


6.3.1 ”对 于 约束 的 考虑 
如 果 你 想 要 有 效 使 用 约束 ， 就 必须 改变 你 以 前 设计 和 布局 用 户 界 面 的 做 法 。 我 们 通常 的 想法 是 计算 视图 元 素 在 屏幕 坐标 体系 中 的 位 置 和 大 小 ， 然 后 将 它 “ 放 进去 ”。 如 果 屏 幕 大 小 发 生变 化 ， 则 通过 计 
算 重 新 调整 其 位 置 和 大 小 。 在 Xcode 6 中 ， 你 干 万 不 要 有 这 样 的 想法 ! 因为 会 “ 算 死 ”你 的 。 


使 用 约束 ， 我 们 就 需要 考虑 一 种 全 新 的 方法 : 在 屏幕 上 显示 的 所 有 可 视 化 元 素 ， 并 且 想 想 它 们 之 间 存 在 着 怎样 的 关系 ? 这 样 做 的 目的 就 是 为 了 创建 约束 (视图 元 素 间 的 关系 ) ， 让 视图 元 素 可 以 更 好 地 
适应 各 种 屏幕 大 小 和 方向 。 


尽管 听 起 来 有 些 复杂 ， 但 是 我 们 只 需要 把 注意 力 放 在 相互 的 关系 上 。 约 束 来 自 于 各 种 关系 。 
在 开始 创建 约束 之 前 ， 还 需要 理解 在 设置 约束 的 时 候 可 能 会 遇 到 的 两 种 情况 : 一 种 情况 是 约束 应 该 为 视图 实现 唯一 的 布局 ， 也 就 是 说 约束 不 能 是 模糊 的 。 另 一 种 情况 是 视图 上 的 约束 不 能 产生 冲突 。 


针对 约束 发 生 冲 突 的 情况 ， 即 便 具 有 最 高 优先 级 的 约束 也 无 法 实现 。 每 个 约束 都 有 一 个 从 0 到 1000 的 优先 级 。1000 是 默认 值 并 且 意 味 着 约束 必须 满足 。 例 如 ， 按 钮 不 能 既 有 1000 优 先 级 的 固定 宽度 约 
束 ， 又 有 1000 优 先 级 的 适应 容器 宽度 的 约束 。 要 不 减少 其 中 一 个 约束 的 优先 级 ， 要 不 删除 其 中 的 一 个 约束 来 解决 这 个 冲突 问题 。 冲 突 可 能 会 导致 项 目 运行 时 的 异常 ， 从 而 使 应 用 程序 崩溃 。 对 于 可 能 引发 的 
约束 冲突 ，Xcode 通 常会 在 开发 和 编译 的 过 程 中 给 出 警告 。 


模糊 的 问题 可 能 在 设计 时 更 加 隐 菩 ， 对 于 有 冲突 的 约束 ，Xcode 可 以 定位 所 影响 的 视图 ， 而 且 可 以 用 不 止 一 种 方法 来 定位 有 冲突 的 约束 。 然 而 你 可 能 会 忽视 出 现 模 糊 的 约束 ， 因 为 在 用 户 界面 出 现 的 时 
候 一 切 正常 ， 当 你 旋转 屏幕 后 ， 视 图 元 素 却 没有 出 现在 合适 的 位 置 上 ， 你 有 可 能 没有 发 现 ， 有 可 能 发 现 了 却 不 知 所 措 (你 认为 已 经 添加 了 足够 的 约束 ) 。 


出 现 模糊 和 冲突 的 情况 非常 正常 ， 你 大 可 不 必 担 心 。 因 为 在 我 们 添加 约束 的 时 候 ，1B 提 供 了 强大 的 工具 帮助 我 们 确定 是 否 发 生 了 模糊 或 冲突 。 


如 何 防止 发 生 模 糊 和 冲突 呢 ? 这 就 需要 我 们 明确 地 定位 用 户 界 面 的 所 有 视图 ， 确 定 每 个 视图 的 位 置 和 大 小 。 要 做 到 这 一 点 ， 每 个 视图 必须 有 4 个 约束 : 两 个 是 横向 位 置 和 大 小 ， 两 个 是 纵向 位 置 和 大 小 。 
对 于 横向 的 两 个 约束 ， 可 以 是 一 个 Leading 和 一 个 Width， 也 可 以 是 一 个 Leading 和 一 个 Trailing， 纵 向 依然 。 


但 是 对 于 之 前 所 创建 的 顶部 Label， 我 们 只 使 用 了 两 个 约束 就 可 以 了 ， 因 为 系统 知道 如 何 设置 Label 对 象 的 宽 和 高 。 


某 些 用 户 界面 元 素 是 有 原始 大 小 的 ， 比 如 Image 有 图 像 的 大 小 。Label 有 根据 字体 和 字号 所 显示 的 文本 内 容 的 大 小 。 开 关 (switch) 有 自身 的 大 小 等 。 这 个 原始 的 或 者 说 是 固有 的 大 小 ， 被 用 于 约束 系统 
中 来 确定 视图 的 宽度 和 高 度 。 


UlView 类 包含 一 个 -intrinsicContentSize 方 法 返回 一 个 CGSize 类 型 的 对 象 ， 它 包括 宽度 和 高 度 。 默 认 情 ; 况 下 ， 它 会 返回 UIViewNolntrinsicMetric， 也 就 是 没有 固定 值 。 


6.3.2 ”添加 浏览 特价 商品 详情 的 功能 


在 Shopping 项 目 中 ， 虽然 我 们 创建 了 特价 商品 列表 ， 但 是 有 关 特 价 商品 的 详细 情况 还 无 法 呈现 给 用 户 ， 在 接 下 来 的 实践 练习 中 ， 我 们 将 会 创建 该 功能 的 控制 器 。 


步骤 1 在 故事 板 中 选中 特价 商品 列表 场景 ， 在 菜单 中 选择 “Editor 一 Embed In 一 Navigation Controller”， 让 该 场景 成 为 导航 控制 器 中 的 根 控制 器 。 修 改 特价 商品 列表 场景 中 的 导航 标题 为 “特价 商 


步骤 2 ”从 对 象 库 中 拖 电 一 个 新 的 View ControllerslllBBSigip. E, СЕУЛА ETHER SETS EUERSUSTERJViIew Controller 上 面 ， 松 开 鼠 标 ， 在 弹出 的 面板 中 选择 Selection Segue 部 分 中 的 
push， 当 用 户 点 击 单元 格 时 会 发 生 控 制 器 间 的 过 渡 。 注 意 ， 如 果 选 择 了 Accessory Action 部 分 中 的 push， 只 有 在 用 户 点 击 了 附件 视图 以 后 才 会 发 生 控 制 器 间 的 过 渡 。 


步骤 3 ”修改 新 场景 的 导航 标题 为 特价 商品 详情 ， 然 后 从 对 象 库 中 拖 忠 一 个 Image View、 一 个 View 和 6 个 Label 到 场景 中 ， 布 局 效果 如 图 6-16 所 示 。 
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图 6-16 ”特价 商品 详情 场景 的 界面 元 素 


在 Image View 的 下 面 我 们 需要 先 放置 一 个 View 作 为 6 个 Label 的 容器 ， 然 后 切换 到 标识 检视 窗 ， 将 Document 部 分 中 的 Label 设 置 为 InfoContainer， 此 时 View 会 以 InfoContainer 的 标识 出 现在 大 纲 视 
图 中 ， 这 样 便于 区 分 场景 中 的 不 同 视图 。 


在 View 容 器 中 ， 我 们 一 共 添 加 了 6 个 Label， 第 一 行 左 侧 的 Label 用 于 显示 特价 商品 的 名 称 ， 所 以 使 用 同样 的 方法 将 其 Label 属 性 设置 为 name， 右 侧 的 设置 为 brandName。 第 二 行 右 侧 的 设置 为 price， 
而 第 三 行 右 侧 的 设置 为 originalPrice。 


步骤 4 ”在 项 目 导航 的 Shopping 文 件 夹 (黄色 图 标 ) 中 创建 新 的 Cocoa Touch Class 类 型 的 文件 ，Class 设 置 为 SpecialsDetailViewController，Subclass of 设置 为 UIViewController，Language 是 
Swift。 


` 


步骤 5 ” 回 到 故事 板 并 选中 新 创建 的 特价 商品 详情 场景 ， 将 实用 工具 区 域 切 换 到 标识 检视 窗 ， 将 Custom Class 部 分 中 的 Class 设 置 为 SpecialsDetailViewController。 


步骤 6 将 Xcode 切换 到 助手 编辑 器 模式 ， 为 特价 商品 详情 中 的 一 个 Image View 和 4 个 Label 创 建 IBOutlet 关 联 。 修 改 后 的 SpecialsDetailViewController 代 码 如 下 面 这 样 : 


import UIKit 
class SpecialsDetailViewController: UIViewController { 
GIBOutlet weak var imageView: UIImageView! 

[BOut] weak var nameLabel: UlLabel! 


et 
[BOutlet weak var brandLabel: UlLabel! 
[BOutlet weak var priceLabel: UILabel! 
[BOutlet weak var originalPriceLabel: UILabel! 


P 


步骤 7 在 IB 中 进入 预览 模式 ， 查 看 该 场景 在 不 同 屏幕 中 的 显示 效果 ， 如 图 6-17 所 示 。 
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图 6-17 “特价 商品 详情 在 4 种 不 同 屏幕 尺寸 上 的 显示 效果 


在 预 换 中 除了 4 英寸 屏幕 以 外 ， 其 他 的 界面 效果 都 “惨不忍睹 ”。 这 是 因为 还 没有 为 其 添加 任何 约束 。 接 下 来 ， 我 们 就 解决 这 个 问题 。 
在 特价 商品 详情 场景 中 最 重要 的 是 Image View， 因 为 它 占据 了 非常 大 的 屏幕 空间 。 我 们 先 来 为 它 添加 约束 。 


设置 SpecialsDetailViewController 的 View 的 背景 色 为 浅 蓝 色 (r: 148, g: 197, b: 255) 。InfoContainer 的 背景 色 为 深蓝 色 (г: 15, g: 109, b: 186) 。6 个 Label 的 文字 颜色 设置 为 白 
&, 如 图 6-18 所 示 。 
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图 6-18 设置 场景 中 视图 元 素 的 背景 色 


步骤 2 在 场景 中 选中 lImage View， 点 击 工具 栏 中 的 定位 按钮 ， 在 弹出 的 面板 中 设置 top 为 Use Standard Value，left 和 right 设 置 为 0，bottom 设 置 为 Bottom Layout Guide 130， 如 图 6-19 所 示 。 点 
击 “Add 4 Contraints” 按 钮 。 


© 说 明 在 场景 中 的 Image View 明 明 与 父 视图 的 left 和 tight 边 缘 有 一 定 的 距离 ， 为 什么 默认 的 值 是 0 呢 ? 这 是 因为 苹果 不 希望 开发 者 将 视图 元 素 放置 在 屏幕 的 边缘 ， 这 会 导致 非常 差 的 用 户 体 验 。 所 以 会 
有 一 个 隐藏 的 视图 边缘 值 ， 它 与 屏幕 边缘 的 蓝 色 参考 线 位 置 相同 。 
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图 6-19 ”设置 Image View 的 定位 约束 
在 默认 情况 下 ，Image View 的 bottom 会 自动 与 其 下 方 的 InfoContainer 建 立 约束 关系 ， 如 图 6-19 中 勾 选 的 那 项 视图 ， 所 以 我 们 需要 在 下 拉 框 中 选择 与 场景 底部 建立 130 的 约束 . 
当 点 击 “Add 4 Contraints" 按钮 以 后 ， 在 大 纲 视图 中 会 看 到 4 个 与 Image View 相 关 的 约束 项 目 ， 如 图 6-20 所 示 。 


步骤 3 ”选中 ImageView 下 面 的 InfoContainer， 点 击 工具 栏 中 的 定位 按钮 ， 设 置 其 left、top、right 和 bottom 的 值 分 别 为 0(、8、0 和 20， 并 且 确 保 Constrain to margins 为 勾 选 状态 。 将 Update 
Frames 设 置 为 ltems of New Constraints 后 点 击 其 下 的 “Add 4 Contraints” 按 钮 ， 如 图 6-21 所 示 。 注 意 ， 这 里 的 top 指 的 是 InfoContainer 的 top 与 Image View 的 bottom 之 间 有 8 点 的 距离 。 
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图 6-20 在 大 纲 视 图 中 查看 创建 的 约束 
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图 6-21 为 InfoContainet 设 置 约 束 
接 下 来 ， 我 们 还 要 为 InfoContainer 容 器 中 6 个 Label 设 置 相 应 的 约束 ， 如 果 挨 个 设置 必然 会 浪费 很 多 的 时 间 ， 也 容易 出 现 问题 。 通 过 工具 栏 中 的 第 三 个 问题 解决 按钮 可 以 快速 建立 约束 。 


步骤 4 按 住 Shift 键 同时 选中 InfoContainer 中 的 6 个 Label， 点 击 工具 栏 中 的 问题 解决 按钮 ， 在 弹出 的 菜单 中 选择 Add Missing Contraints， 如 图 6-22 所 示 。 
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打开 预览 窗口 查看 效果 ， 如 图 6-23 所 示 。 


© 188 通过 Add Missing Contraints 功 能 我 们 可 以 快速 为 场景 中 的 视图 元 素 添加 约束 ， 但 不 是 任何 时 候 任何 情况 下 都 可 以 使 用 这 种 功能 的 ， 毕 竞 有 的 时 候 需 要 按 程 序 员 自己 的 意愿 来 非常 灵活 地 安排 自 
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图 6-22 ”为 InfoContainet 中 的 6 个 Label 快 速 添加 必要 的 约束 
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图 6-23 
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坚 屏 模式 下 不 同 屏幕 尺寸 的 场景 显示 效果 
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6.3.4 显示 相关 商品 信息 


如 果 此 时 构建 并 运行 应 用 程序 ， 我 们 可 以 点 击 特价 商品 列表 进入 详细 页 面 中 ， 但 是 并 不 会 显示 相应 的 商品 信息 ， 下 面 我 们 需要 完善 这 部 分 功能 。 
步骤 1 在 故事 板 中 选中 由 特价 商品 列表 到 详细 页 面 的 gegue， 在 属性 检视 窗 中 将 Identifier 设置 为 SpecialsDetailSegue。 


步骤 2 在 项 目 导航 中 打开 SpecialsForSupermarketTVC.swift 文 件 ， 将 -prepareFor Segue: sender: 方法 的 注释 去 掉 ， 并 修改 代码 如 下 面 这样: 


// MARK: - Navigation 
override func prepareForSegue (segue: UlStoryboardSegue, sender: AnyObject!) { 
if segue.identifier "SpecialsDetailSegue" ( 
var destination: SpecialsDetailViewController = 
segue.destinationViewController as SpecialsDetailViewController 
let indexPath:NSIndexPath = 
self.tableView.indexPathForSelectedRow () ! 
let categorys = Array(categorySpecials.keys) 
var specials - 
categorySpecials [categorys [indexPath.section]]! [indexPath.row] 
destination.specials = specials 


) 


因为 在 故事 板 中 创建 了 由 列表 单元 格 到 特价 商品 详情 的 Segue 连 接 ， 所 以 在 过 渡 发 生 的 时 候 需要 将 指定 的 specials 对 象 传递 给 SpecialsDetailViewController 对 象 。 


步骤 3 ”在 项 目 导 航 中 打开 SpecialsDetailViewController.swift 文 件 ， 添 加 specials 实 例 变 量 ， 并 重 写 -viewWillAppear: 方法 ， 代 码 如 下 : 


class SpecialsDetailViewController: UIViewController { 
IBOutlet weak var imageView: UIlImageView! 
[BOutlet weak var nameLabel: UlLabel! 
IBOutlet weak var brandLabel: UlLabel! 
IBOutlet weak var priceLabel: UlLabel! 
[BOutlet weak var originalPriceLabel: UILabel! 
var specials:Specials! 
override func viewWillAppear (animated: Bool) { 
if specials !- nil { 

nameLabel.text = specials.name 

brandLabel.text Specials .prand 

priceLabel.text = "N (specials.price)" 

originalPriceLabel.text = "N(specials.originalPrice)" 

imageView.image = UIImage (named: specials!.imageName) 


(со (00 (00 (0 (0 
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步骤 4 在 故事 板 中 选中 特价 商品 详情 场景 中 的 Image View， 在 属性 检视 窗 中 将 Mode 设 置 为 Aspect Fit, 


构建 并 运行 应 用 程序 ， 在 点 击 特 价 商品 列表 中 的 某 件 商品 时 ， 可 以 看 到 该 商品 的 详细 信息 ， 如 图 6-24 所 示 。 
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图 6-24 ”从 特价 商品 列表 过 渡 到 特价 商品 详情 


64 ” 横 屏 下 的 完美 布局 


我 们 之 前 对 SpecialsDetailViewController 视 图 进行 的 自动 布局 设置 可 以 让 所 有 尺寸 的 iPhone 设备 在 竖 屏 模式 下 很 好 地 显示 ， 但 是 在 横 屏 模式 下 又 如 何 呢 ? 


确保 Shopping 项 目的 Target 中 的 Device Orientation 勾 选 了 Portrait、Landscape Left (横向 且 Home 键 在 左 侧 ) 和 Landscape Right (横向 且 Home 键 在 右 侧 ) 。 构 建 并 运行 Shopping 应 用 程序 ， 然 
后 在 模拟 器 中 将 屏幕 变 为 横向 ， 效 果 如 图 6-25 所 示 。 
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图 6-25 ”屏幕 变 为 横向 的 显示 效果 


虽然 约束 很 好 地 控制 了 每 个 视图 元 素 的 位 置 和 大 小 ， 但 是 这 种 布局 并 不 完美 ， 我 们 还 是 希望 在 横 屏 模式 下 以 左右 方式 来 显示 用 户 界 面 。 在 Xcode 5 时 代 我 们 可 以 通过 代码 的 方式 来 动态 删除 视图 的 约 
束 ， 然 后 再 添加 需要 的 约束 ， 这 是 一 个 复杂 而 颇 费 脑力 的 过 程 ， 但 好 在 可 以 通过 “ 铁 村 磨 针 ”的 精神 完成 。 在 Xcode 6 时 代 就 不 同 了 ， 我 们 可 以 借助 Size Class 特 性 轻松 搞定 。 


6.4.1 Size Class 
Xcode 中 的 故事 板 在 用 户 界面 的 搭建 过 程 中 给 我 们 带 来 了 极 大 的 方便 ， 但 是 要 通过 它 来 创建 一 个 单独 的 场景 来 适应 所 有 的 设备 ， 这 还 是 一 个 很 大 的 挑战 。 面 对 这 种 挑战 ， 苹 果 在 Xcode 6 中 引入 了 Size 
Class 特 性 。 


一 个 Size Class 可 以 应 用 到 任何 视图 或 视图 控制 器 上 ， 不 管 屏 幕 是 横向 还 是 纵向 ， 它 会 按照 程序 员 的 要 求 显示 相应 的 视图 。Xcode 6 提供 了 两 种 Size Class: 固定 (Regular) 和 紧凑 (Compact) 。 这 
两 种 Size Class 既 可 以 代表 视图 的 真正 物理 大 小 ， 也 可 以 代表 某 种 意义 上 的 尺寸 。 表 6-1 显 示 了 不 同 设备 和 不 同方 向 上 的 Size Classi. 


如 何 使 用 Size Class 特性 呢 ?” 首先 ， 我 们 需要 搭建 一 个 基础 的 用 户 界 面 布局 ， 切 记 不 可 为 每 种 Size Class 进 行 独立 设计 ， 而 应 该 是 在 基础 界面 布局 体系 中 ， 对 必须 发 生 改变 的 约束 进行 调整 。 


表 6-1 两 种 Size Class 所 表示 的 设备 和 方向 


iPad ЕЁ Regular 
iPhone !Z Bë Compact 
iPhone fs Ж Compact 
iPhone 6 Plus f& BÉ Regular 


64.2 ”使 用 Size Class 


步骤 1 在 故事 板 中 勾 选 之 前 被 取消 的 Use Size Classes 选 项 。 此 时 故事 板 中 的 所 有 场景 均 变 成 了 接近 正方 形 的 形状 。 
这 种 情况 也 是 在 创建 项 目 时 故事 板 中 默认 的 场景 大 小 ， 注 意 编辑 区 域 底部 的 工具 栏 ， 此 时 会 出 现 wAny hAny， 代 表 宽 和 高 均 为 任意 ， 说 明 该 场景 适合 任何 的 屏幕 尺寸。 


步骤 2 ”点 击 wAny ҺАпу, 会 看 到 Size Class 选 择 器 ， 如 图 6-26 所 示 。 我 们 可 以 选择 各 种 尺寸 的 屏幕 大 小 ， 这 里 一 共有 9 种 选择 : 横向 3 个 (any、regular 或 compact) 和 纵向 3 个 。 在 选择 器 中 选择 Any 
Width|Compact Height size class， 如 图 6-27 所 示 。 通 过 底部 显示 的 信息 可 以 知道 ， 该 Size Class 适 用 于 所 有 的 横 屏 iPhone 设 备 。 
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E]6-26 ”通过 Size Class 选 择 器 进行 选择 
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For all compact height layouts 
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86-27 设置 场景 为 Any Width | Compact Height 
当 设 置 完成 以 后 ， 我 们 会 发 现 故 事 板 中 有 如 下 两 个 变化 : 
IJB 中 所 有 的 创建 都 变 成 了 新 的 Size Class 规 格 。 
IB 中 底部 的 工具 栏 变 成 了 深蓝 色 ， 这 说 明 当 前 工作 在 一 个 指定 的 Size Class 规 格 下 。 


为 了 改变 模 屏 下 的 布局 ， 我 们 需要 临时 对 约束 做 一 些 改 变 ， 自 动 布局 中 有 一 对 术语 叫 作 installing 和 uninstalling。 如 果 一 个 约束 被 Installing 到 当前 的 Size Class 中 ， 它 就 会 生效 。 反 之 被 uninstalling 的 
约束 就 不 会 在 当前 Size Class 中 生效 。 


步骤 3 ”选中 Image View 后 切换 到 大 小 检视 窗 ， 可 以 看 到 与 Image View 相 关 的 所 有 约束 ， 如 图 6-28 所 示 。 选 择 “Trailing-Space-to: Superview" 约束 ， 按 Delete 键 将 该 约束 从 当前 的 Size Class 
uninstalling。 当 执行 uninstalling 以 后 ， 该 约束 在 故事 板 中 会 消失 ， 而 在 文档 大 纲 中 ， 该 约束 会 变 成 灰色 。 
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图 6-28 大 小 检视 窗 中 显示 的 与 Image View 相 关 的 约束 


O 在 当前 的 Size Class 中 ， 被 uninstalling 的 约束 不 会 出 现在 大 小 检视 窗 的 约束 列表 中 。 如 果 我 们 想 查 看 当前 视图 元 素 所 有 的 约束 ， 可 以 通过 约束 列表 顶端 的 This Size Class 和 All 进 行 切换 ， 如 图 6-29 
所 示 。 


如 果 在 大 小 检视 窗 中 双击 被 uninstalling 的 约束 ， 还 可 以 重新 installing 该 约束 。 


步骤 4 重复 上 面 的 操作 ，uninstalling Image View 与 Superview 底 部 ， 以 及 与 InfoContainer 顶 部 的 两 个 约束 。 
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图 6-29 ”查看 视图 元 素 所 有 的 约束 
现在 Image View 的 约束 只 剩 下 两 个 ， 与 Superview 顶 部 以 及 与 Superview 的 左边 。 接 下 来 我 们 还 需要 在 当前 的 Size Class 中 再 添加 两 个 新 的 约束 。 
步骤 5 在 场景 中 从 Image View 按 住 右键 拖 忠 鼠标 到 控制 器 的 视图 上 ， 在 弹出 的 面板 中 按 住 Shift 键 选中 Bottom Space to Bottom Layout Guide 和 Equal Widths, 


步骤 6 在 大 小 检视 窗 中 双击 Bottom Space to Bottom Layout Guide 约 束 ， 确 定 First ltem 为 Image View.Bottom, Second ltem 为 Bottom Layout Guide.Top。 如 果 顺 序 颠 倒 ， 请 点 击 Second 
ltem 的 下 拉 框 ， 然 后 选择 其 中 的 Reverse First And Second ltem。 修 改 wAny hC 的 值 为 -8， 并 且 从 底部 我 们 可 以 友 现 该 约束 只 在 wAny hC 的 Size Class 中 生效 ， 如 图 6-30 所 示 。 
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图 6-30 ”设置 Image View © SupetrviewZ B] #7 bottom 25 Ж. 
步骤 7 回 到 大 小 检视 窗 中 双击 “Proportional Width to: Superview" 约束 ， 确 定 First Item 为 Image View.Width, Second Item 为 Superview.Width， 再 将 Multiplier 设 置 为 0.45。 
接 下 来 我 们 还 需要 修改 InfoContainer 的 约束 。 


步骤 8 ”选中 InfoContainer 视 图 ，uninstalling“Leading Space to: Superview” 和 “Bottom Space to: Bottom Layout Guide" 约束 。 添 加 其 与 Superview 的 顶部 、 底 部 与 宽度 的 约束 。 设 置 与 
顶部 的 值 为 standard， 与 底部 的 值 为 -8， 宽 度 的 Multiplier 为 0.45。 执 行 “Update Frames”， 此 时 我 们 会 发 现 原来 在 InfoContainer 中 的 6 个 Label 位 置 混 乱 。 我 们 要 在 wAny hCompact 中 重新 布局 这 6 个 
Label。 


步骤 9 在 大 纲 视 图 中 选中 所 有 关于 6 个 Label 的 约束 ， 按 Command+ Delete 快 捷 键 将 它们 的 约束 全 部 uninstalling。 然 后 通过 大 小 检视 窗 重 新 调整 横 屏 模 式 下 的 位 置 ， 再 通过 Add Missing Constraints 
为 它们 重新 建立 约束 ， 如 图 6-31 所 示 。 


тт: Label 
ir: Label 


图 6-31 ”为 InfoContainet 中 的 Label 在 横 屏 模式 下 重新 建立 约束 
构建 并 运行 应 用 程序 ， 不 管 是 在 横 屏 或 坚 屏 模式 下 ， 特 价 商品 详情 界面 都 完美 显示 ， 如 图 6-32 所 示 。 
| iOS Simulator = iPhona 5s = iPhone 5s / iOS B.... äl 
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图 6-32 ”特价 商品 界面 在 横 屏 和 竖 屏 下 的 显示 效果 


Вг ”使 用 集合 视 医 


通过 前 面 内 容 的 学 习 我 们 发 现 表 格 视图 是 一 个 非常 有 用 的 工具 ， 通 过 它 我 们 可 以 在 较 小 的 屏幕 上 对 各 种 信息 进行 分 类 和 显示 。 在 特价 商品 列表 界面 中 ， 我 们 可 以 在 单元 格 中 显示 商品 的 图 片 ， 然 后 在 其 
右 侧 显示 商品 名 称 和 品牌 。 但 是 有 的 时 候 ， 我 们 也 需要 另外 一 种 组 织 和 显示 信息 的 方式 ， 比 如 iOS 中 的 “照片 ”应 用 程序 ， 在 相册 中 我 们 会 看 到 很 多 照片 一 张 挨 一 张 地 分 成 行 和 列 呈 现在 屏幕 上 ， 关 键 是 用 户 
并 不 需要 文字 说 明 ， 更 希望 在 屏幕 上 看 到 相同 形式 的 视图 所 呈现 出 的 效果 。 


在 本 章 中 ， 我 们 将 使 用 集合 视图 (Collection View) 制作 一 个 类 似 于 iOs 系 统 中 “照片 ”的 应 用 程序 ， 如 图 7-1 所 示 。 


7.1 集合 视图 简介 


集合 视图 (Collection View) 的 实现 方法 与 之 前 的 表格 视图 非常 相似 ， 都 使 用 了 delegate、data source 和 cell 来 显示 数据 信息 。 在 应 用 程序 中 ， 我 们 也 可 以 直接 使 用 由 UIKit 提 供 的 特定 视图 控制 器 
(UICollectionViewController) 类 来 呈现 集合 视图 ， 这 一 点 也 与 UITableViewController 类 的 功能 非常 像 。 昌 然 有 这 么 多 的 相似 之 处 ， 但 是 当 我 们 开始 在 集合 视图 中 布局 cell 的 时 候 ， 事 情 开始 变 得 不 同 。 
如 图 7-1 所 示 的 那样 ， 我 们 可 以 将 集合 视图 打 碎 成 不 同 的 部 分 ， 然 后 把 照片 集成 到 里 面 。 
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图 7-1 iOS 系 统 中 的 “照片 ”应 用 程序 


相信 你 已 经 在 很 多 的 iOS 应 用 程序 中 接触 过 集合 视图 ， 它 们 一 般 会 在 网 格 中 显示 数据 。 图 7-2 是 “照片 ”应 用 程序 中 所 呈现 的 集合 视图 ， 在 集合 视图 中 使 用 很 多 的 cell 来 显示 照片 ， 里 面 的 每 一 张 照 片 都 
是 一 个 独立 的 Collection View Cell|， 集 合 视图 可 以 分 成 了 多 行 和 多 列 。 
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Collection View Cell 


Collection View 


图 7-2 iPhone 的 “照片 ”应 用 程序 使 用 的 集合 视图 


UlCollectionView 类 用 于 呈现 一 个 集合 视图 (类 似 于 UITableView) 。 每 个 集合 视图 都 需要 实现 delegate 和 data source 协 议 中 的 一 些 方法 ， 这 与 表格 视图 相似 。 这 两 个 协议 的 名 称 估计 大 家 能 够 猜 
到 : UlCollectionViewDelegate 和 UlICollectionViewDataSource。 在 集合 视图 中 所 显示 的 内 容 也 是 通过 单元 格 (UlCollectionViewCell) 类 呈现 的 ， 只 不 过 单元 格 的 呈现 方法 与 表格 视图 的 方法 截然 不 
同 。 


当 人 在 集合 视图 中 呈现 内 容 的 时 候 需 要 使 用 Layout 对 象 ， 这 些 Layout 对 象 允 许 我 们 动态 地 定位 集合 视图 中 的 每 个 项 目 。 在 表格 视图 中 ， 单 元 格 (或 者 行 ) 被 一 行 一 行 地 呈现 ， 昌 然 这 些 单 元 格 的 行 高 有 可 
能 不 同 ， 但 是 它们 都 具有 相同 的 宽度 。 由 于 集合 视图 允许 我 们 在 网 格 和 行 中 显示 内 容 ， 那 么 这 些 单元 格 的 定制 化 程度 是 非常 高 的 ， 也 就 是 说 这 些 单 元 格 的 高 度 和 宽度 可 以 是 不 同 的 。 


如 图 7-3 所 示 ， 在 iPad 中 的 “照片 ”应 用 程序 中 所 呈现 的 单元 格 的 高 度 和 宽度 各 不 相同 ， 这 完全 取决 于 照片 。 而 在 iPhone 的 “照片 ”应 用 程序 的 集合 视图 中 的 单元 格 则 使 用 了 相同 的 高 度 和 宽度 。 通 过 
集合 视图 中 的 Layout 对 象 ， 可 以 让 我 们 在 布局 的 时 候 有 很 大 的 灵活 度 。 
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图 7-3 ”在 iPad 的 “照片 ”应 用 程序 的 集合 视图 中 每 个 单元 格 的 高 度 和 宽度 各 不 相同 


7.2 ”使 用 集合 视图 显示 数据 


要 想 在 集合 视图 中 显示 数据 ， 它 就 需要 知道 显示 什么 东西 。 我 们 将 会 在 Shopping 项 目的 故事 板 中 添加 一 个 新 的 场景 ， 让 应 用 程序 为 用 户 提供 乐 乐 超 市 所 有 商品 的 缩 略 图 浏览 功能 。 在 添加 场景 以 后 还 要 
使 用 UICollectionViewController 来 处 理 需 要 显示 的 数据 。 


7.2.1 ”在 故事 板 中 添加 新 的 场景 


为 Shopping 应 用 程序 添加 商品 预览 功能 ， 就 需要 在 项 目 中 添加 新 的 控制 器 类 和 在 故事 板 中 添加 新 的 用 户 界面 场景 ， 借 助 Xcode 的 对 象 库 ， 我 们 可 以 快速 完成 添加 。 
步骤 1 在 项 目 导航 中 创建 一 个 新 的 Cocoa Touch Class， 名 称 为 AlbumltemsCVC，Subclass 设 置 为 UICollectionViewController，Language 设 置 为 Swift。 
步骤 2 打开 故事 板 ， 从 对 象 库 中 拖 蝶 一 个 Collection View Controller 到 画布 上 面 ， 然 后 在 标识 检视 窗 中 将 Class 设 置 为 AlbumltemsCVC。 

步骤 3 ”此 时 场景 中 的 集合 视图 背景 为 黑色 ， 选 中 Collection View， 在 属性 检视 窗 中 将 其 背景 色 改 为 白色 。 


修改 的 时 候 我 们 会 发 现 很 难 在 故事 板 中 选中 Collection View， 这 时 可 以 借助 大 纲 视 图 选择 需要 的 视图 ， 如 图 7-4 所 示 。 
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ЖАЛ ”在 属性 检视 窗 中 将 Album ltemsCVC 设 置 为 应 用 程序 的 初始 控制 器 ， 如 图 7-5 所 示 。 
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图 7-4 将 集合 视图 的 背景 色 改 成 白色 
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图 7-5 “将 Album ItemsCVC 设 置 为 初始 控制 器 


分 有 多 少 个 项 目 (E 


7.2.2 ”为 集合 视图 提供 数据 


与 表格 视图 类 似 ， 我 们 需要 通过 数据 源 (data source) 为 集合 视图 提供 显示 所 需 的 数据 。 我 们 要 实现 数据 源 中 一 些 必需 的 方法 ， 这 样 集合 视图 才能 够 清楚 地 知道 : 有 几 部 
Fr) ， 以 及 indexPath 所 指明 的 单元 格 会 显示 什么 内 容 。UICollectionViewDataSource 协 议 中 定义 了 这 些 方法 ， 表 7-1 列 出 了 我 们 将 会 使 用 的 方法 。 
必须 实现 的 3 个 UICollectionViewDataSource 协 议 方法 


A Ж 
-numberOfSectionInCollcetionView: 集合 视图 中 有 多 少 个 部 分 
-collectionView:numberOfltemsInSection: 在 指定 部 分 中 有 多 少 个 项 目 
返回 指定 位 置 的 集合 视图 单元 格 


表 7-1 


-collection View:cellForItemAtIndexPath: 


接 下 来 ， 我 们 需要 为 AlbumltemsCV5C 添 加 一 个 字典 对 象 ， 这 个 字典 对 象 用 来 存储 超市 的 所 有 商品 信息 。 然 后 我 们 会 从 这 个 字典 中 取出 每 个 商品 的 照片 ， 并 将 其 显示 在 集合 视图 里 面 。 


在 项 目 导 航 中 打开 Item.swift 文 件 ， 添 加 String 类 型 的 实例 变量 imageName。 然 后 对 Item 的 初始 化 方法 进行 改进 ， 修 改 后 的 代码 如 下 面 这 样 : 


步骤 1 


class Item { 
var itemName: String = "" 
var brandName: String = "" 
var isBuy: Bool - false 
var imageName: String? 
init(itemName: String, brandName: String, 
isBuy: Bool, imageName: String)( 


self.itemName = itemName 
self.brandName = brandName 
self.isBuy = isBuy 
self.imageName = imageName 


} 

convenience init(itemName: String) { 
self.init(itemName: itemName, brandName: "", 

isBuy: false, imageName: "") 


} 

convenience init(itemName: String, brandName: String)( 
self.init(itemName: itemName, brandName: brandName, 

isBuy: false, imageName: "") 


} 

convenience init(itemName: String, imageName: String){ 
self.init(itemName: itemName, brandName: "", 

isBuy: false, imageName: imageName) 


} 
func description()->Stringt 
return "itemName: WV(itemName)  brandName: \ (brandName) 

isBuy: \(isBuy)  imageName: N(imageName)" 


E» 


步骤 2 ”在 项 目 导航 中 打开 AlbumltemsCVC.swift 文 件 ， 为 其 添加 字典 类 型 的 实例 变量 categoryltems， 并 且 在 -viewDidLoad 方 法 中 为 其 初始 化 赋值 ， 代 码 如 下 : 


class AlbumItemsCVC: UlICollectionViewController { 


var categoryItems:[String: [Item]]! 
override func viewDidLoad() { 
super.viewDidLoad() 
categoryltems = 
[" 食 品 ": [Item(itemName: "РЕЙ", imageName: "ximei"), 
Item(itemName: "2%", imageName: "haoduoyu"), 
Item(itemName: "柠檬 片 "， imageName: "ningmengpian"), 
[tem(itemName: " 仙 贝 "， imageName: "xianbei"), 
Item(itemName: "XT", imageName: "shupian"), 
Item(itemName: "/K-f", imageName: "guazi"), 
Item(itemName: " 手 撕 牛肉 "，imageName: "shousiniurou")], 
"手机 ": [Item(itemName: "iPhone 5s", imageName: "iPhone5s"), 
Item(itemName: "小 米 4"，imageName: "xiaomi4")], 
"饮料 ": [Item (itemName: "天 然 水 "，jimageName: "tianranshui"), 
Item(itemName: "+Í #&", imageName: "xingrenlu")]] 


在 -viewDidLoad 方 法 中 ， 我 们 只 是 向 categoryltems 中 添加 了 数量 有 限 的 几 件 商品 ， 而 且 这 些 都 是 之 前 我 们 定义 好 的 特价 商品 。 这 里 为 了 让 大 家 更 好 地 理解 集合 视图 ， 所 以 没有 添加 过 多 的 商品 。 


步骤 3 修改 -numberOfSectionInCollectionView: 和 -collectionView: numberOfltems InSection: 两 个 方法 ， 代 码 如 下 所 示 : 


override func numberOfSectionsInCollectionView(collectionView: UlCollectionView) -> Int í 
return categoryItems.count 
} 


override func collectionView(collectionView: UICollectionView, 
numberOfltemsInSection section: Int) -> Int { 
var items = [Item] () 
for (index, value) in enumerate (categoryItems) { 
if index == section { 

( , items) = value 


} 
} 


return items.count 


f£-numberOfSectionsInCollectionView: 方法 中 ， 我 们 直接 返回 字典 所 包含 元 素 的 个 数 。 但 是 在 -collectionView: numberOfltemslnSection: 方法 中 ， 因 为 传递 到 方法 中 的 参数 是 Int 类 型 的 
section， 我 们 不 能 直接 通过 字典 的 key 与 section 进 行 判断 ， 从 而 得 到 需要 的 那个 商品 数组 的 个 数 ， 所 以 使 用 for 语 句 遍 历 整 个 字典 ， 通 过 枚 举 将 产生 的 索引 值 与 section 比 较 ， 找 到 需要 的 元 组 数据 ， 最 后 再 
提取 出 相应 的 数组 数据 。 


现在 我 们 已 经 做 好 了 前 期 的 准备 工作 ， 接 下 来 就 要 创建 一 个 UICollectionView Cell 类 来 显示 商品 图 片 了 。 


7.2.3 ”创建 目 定 义 的 集合 视图 单元 格 


如 果 你 还 记得 如 何在 故事 板 中 为 表格 视图 创建 一 个 动态 单元 格 ， 那 么 为 集合 视图 创建 单元 格 的 操作 就 变 得 异常 简单 了 。 我 们 会 创建 一 个 UICollectionViewCell 的 子 类 ， 并 且 让 它 包 含 一 个 UllmageView 
来 显示 图 片 信息 ， 同 时 让 这 个 UICollectionViewCell 类 工作 在 集合 视图 之 中 。 


步骤 1 创建 一 个 新 的 Cocoa Touch Class， 名 称 为 temPhotoCollectionViewCell，subclass 设 置 为 UICollectionViewCell，Language 设 置 为 Swift， 如 图 7-6 所 示 。 


Choose options for your new file: 


ШС ансо гт ноа Call 


Also ortai XIB fila 


Phone 


Swift 


图 7-6 ”创建 一 个 新 的 LtemPhotoCollectionViewCell 类 


步骤 2 ”在 故事 板 里 选中 Album ltemsCVC 中 的 集合 视图 ， 可 以 看 到 里 面 有 唯一 的 一 个 Collection View Cell 停 靠 在 视图 的 左上 角 。 通 过 大 纲 视图 选中 该 单元 格 以 后 ， 在 标识 检视 窗 中 将 Class 设 置 为 


ItemPhotoCollectionViewCell, 


步骤 3 ”在 选中 单元 格 的 状态 下 ， 将 实用 工具 区 域 切换 到 大 小 检视 窗 。 将 Collection View Cell 部 分 中 的 Size 设 置 为 Custom， 然 后 将 Width 和 Height 都 设置 为 104， 如 图 7-7 所 示 。 青 切换 到 属性 检视 
窗 ,将 ldentifier 设 置 为 PhotoCell。 这 一 步 非 常 关键 ， 因 为 我 们 要 使 用 这 个 标识 从 集合 视图 中 获取 该 类 型 的 单元 格 。 


allecetiaon View Cell 


Size Custom 


104 ` 
Width 


Width 


图 7-7 将 集合 视图 中 的 单元 格 宽度 和 高 度 都 设置 为 104 
步骤 4 ”从 对 象 库 中 拖 灸 一 个 UllmageView 到 单元 格 之 中 ， 让 它 充满 整个 单元 格 。 在 大 小 检视 窗 中 确认 其 高 度 和 宽度 均 为 104。 


ЖБ 切换 到 助手 编辑 器 模式 ， 为 UllImageView 在 ltemPhotoCollectionViewCell 类 中 建立 IBOutlet 关 联 ， 名 称 设置 为 iImageView， 如 图 7-8 所 示 。 
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ItemPhotatcollectionViewCell,swift 
Shopping 


Created by фа) on 14/18/8. 
Copyright (c) 2814fF ИЕ. All rights reserved. 


import UIKit 


class ItemPhotoCcollectionViewLell: UICollectionViewCell 1 


gpiBüutlet weak var imageView: UllmageView! 


图 7-8 jJ$£UIImageView 5 ItemPhotoCollectionViewCellz£ zzIBOutlet X Ж 


步骤 6 修改 collectionView: cellForltemAtIndexPath: 方法 ， 代 码 如 下 所 示 : 


override func collectionView(collectionView: UICollectionView, 

cellForlItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell { 

let reuseIdentifier = "PhotoCell" 

let cell = collectionView.dequeueReusableCellWithReuseIdentifier( 
reuseIdentifier, forlIndexPath: index-Path) as 

ItemPhotoCollectionViewCell 


var items = [Item]() 
for (index, value) in enumerate (categoryItems) { 
if index == indexPath.section { 


( , items) = value 
} 
} 
let imageName = items[indexPath.row].imageName 
cell.imageView.image = UIImage (named: imageName!) 
return cell 


在 上 面 的 方法 中 ， 我 们 通过 indexPath 获 取 相 应 的 商品 照片 ， 然 后 将 其 显示 在 单元 格 的 Image View 中 。 


构建 并 运行 应 用 程序 ， 效 果 如 图 7-9 所 示 。 


| iOS Simulator = iPhone 5s = iPhone 5s / 105 8.... 


图 7-9 商品 图 片 呈现 在 集合 视图 中 的 效果 


7.3” 目 定 义 集合 视图 的 布局 


多 复 这 个 问题 。 


现在 我 们 所 面临 的 问题 是 ， 集 合 视图 中 的 照片 都 比较 小 ， 每 一 个 单元 格 的 空间 留 得 不 是 很 恰当 ， 接 下 来 我 们 将 人 


集合 视图 有 一 个 布局 对 象 用 于 确定 单元 格 的 布局 和 显示 方式 ， 这 让 我 们 在 很 大 程度 上 可 以 更 好 地 控制 单元 格 所 显示 的 内 容 。 因 为 我 们 显示 的 照片 是 四 四 方 方 ， 等 宽 等 高 的 ， 照 片 之 间 的 间隔 也 相同 ， 贯 
穿 于 整个 集合 视图 。 如 果 我 们 显示 尺寸 不 同 图 片 的 方法 也 是 非常 简单 的 ， 因 为 我 们 可 以 自 定义 单元 格 的 布局 。 这 就 需要 借助 UICollectionView DelegateFlowLayout 协 议 。 


浮动 布局 可 以 控制 集合 视图 的 内 容 如 何 布局 及 其 可 视 范 围 。 可 以 通过 子 类 化 UICollection-ViewFlowLayout 改 变 其 属性 以 达到 需要 的 效果 。 如 果 定 制 化 程度 不 高 ， 我 们 也 可 以 将 
UlCollectionViewDelegateFlowLayout 协 议 作为 集合 视图 的 委托 来 实现 。 


你 想 让 照片 在 视图 中 占据 更 大 的 空间 ， 而 且 又 让 用 户 可 以 看 到 照片 的 全 有 狐 。 


步骤 1 在 AlbumltemsCVC 类 中 添加 对 UIlCollectionViewDelegateFlowLayout 协 议 的 支持 。 


class AlbumItemsCVC: UICollectionViewController, 
UICollectionViewDelegateFlowLayout( 


步骤 2 修改 AlbumltemsCVC.swift 文 件 ， 添 加 下 面 的 方法 ， 确 保 集合 视图 中 的 单元 格 有 正确 的 大 小 : 


func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForltemAtIndexPath indexPath: NSIndexPath) -> CGSize { 
return CGSizeMake (104.0, 104.0) 


} 


这 里 我 们 使 用 CGSizeMake 函 数 返回 一 个 CGSize 结 构 体 对 象 ， 它 用 于 指定 单元 格 的 大 小 为 104x 104。 接 下 来 我 们 需要 设置 集合 视图 中 每 个 项 目的 最 小 间隔 为 2 点 。 


步骤 3 ”添加 下 面 的 方法 ， 确 定 集合 视图 中 每 个 项 目 之 间 的 距离 : 


func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UlICollectionViewLayout, 
return 2.0 


步骤 4 对 于 每 一 行 我 们 都 应 该 使 用 相同 的 间距 ， 添 加 下 面 的 方法 : 


func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UlICollectionViewLayout, 
return 2.0 


e 


minimumInteritemSpacingForSectionAt] 


minimumLineSpacingForSectionAt] 


[ndex section: In 


[ndex section: Int) -> CGFloat í 


t) -» CGFloat { 


步骤 5 ”最 后 ， 还 要 调整 集合 视图 中 每 个 部 分 的 边 距 ， 让 每 个 部 分 的 上 下 都 有 2 点 的 间隔 : 


func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UlCollectionViewLayout, 
return UlEdgeInsetsMake (2.0, 0.0, 2.0, 0.0) 


} 
这 里 我 们 使 用 UIEdgelnsetsMake 函 数 返 回 UIEdgelnset 结 构 体 对 象 ， 该 协议 方法 可 以 让 视图 中 每 个 部 分 的 上 下 间距 2 点 。 


构建 并 运行 应 用 程序 ， 集 合 视图 效果 如 图 7-10 所 示 。 


[ndex section: 
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图 7-10 ”集合 视图 的 最 终 显 示 效 果 


到 目前 为 止 ,我们 在 Shopping 项 目 中 完成 了 三 个 基本 功能 : 购物 列表 、 特 价 商 品 列表 和 超市 商品 列表 。 但 是 我 们 如 何 将 这 些 功 能 体现 在 一 个 应 用 程序 中 呢 ? 使 用 导航 控制 器 显然 是 不 行 的 ， 这 需要 借助 
我 们 下 面 将 要 学 习 的 标签 栏 控制 器 来 实现 。 


7.4 ”标签 栏 控制 器 


在 iOs 中 有 一 种 控制 器 叫做 标签 栏 控制 器 (UlTab-Bar-Controller) ， 它 在 iOs 应 用 程序 中 广泛 使 用 。 从 名 称 我 们 就 可 以 想象 到 ， 它 是 由 一 组 标签 构成 的 ， 并 且 还 会 呈现 在 屏幕 的 下 方 。 标 签 的 内 容 可 以 
是 文字 和 图 标 ， 用 户 通过 点 击 其 中 的 标签 来 切换 不 同 的 控制 器 ， 每 个 控制 器 都 用 于 完成 应 用 程序 中 的 不 同 功能 或 呈现 相对 独立 的 信息 。 
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图 7-11 在 “电话 ”应 用 程序 使 用 UITabBarController 切 换 具 有 不 同 功能 的 控制 器 
例如 ，iPhone 的 “电话 ”应 用 程序 就 使 用 了 标签 栏 控制 器 ， 其 标签 栏 中 呈现 了 个 人 收藏 、 最 近 通 话 、 通 讯 录 、 拨 号 键盘 和 语音 留言 等 ， 如 图 7-11 所 示 。 


当 用 户 点 击 不 同 的 标签 进行 场景 切换 时 ， 我 们 并 不 需要 手动 为 其 添加 任何 的 代码 ， 通 过 它 会 自动 切换 到 用 户 所 需要 的 场景 。 


ТАЛ 标签 杜 及 其 中 的 标签 


在 故事 板 中 添加 一 个 标签 栏 控制 器 是 非常 简单 的 事情 。 它 包含 一 个 从 外 表 上 看 类 似 于 工具 栏 的 标签 栏 ， 控 制 器 中 所 呈现 的 任何 场景 都 会 显示 在 标签 栏 上 方 很 大 的 区 域内 ， 如 图 7-12 所 示 。 


如 果 标 签 栏 中 包含 太 多 标签 ， 其 中 的 一 些 标签 就 会 被 自动 归并 到 最 后 的 “更 多 ”标签 中 。 当 用 户 点 击 “ 更 多 ”标签 ， 这 些 额 外 标签 的 列表 会 显示 出 来 并 供用 户 选 择 。 用 户 也 可 以 被 授权 编辑 标签 栏 ， 设 
置 哪个 标签 呈现 在 标签 栏 中 ， 哪 个 标签 放 到 “更 多 ”列表 中 。 


标签 栏 是 一 个 视图 对 象 ， 属 于 MVC 的 View 范 畴 。 但 它 通 常 和 标签 栏 控制 器 (UITab-Bar-Controller 是 UIViewController 的 子 类 ) 配合 形成 一 个 标签 栏 用 户 界面 。 标 签 栏 控制 器 会 在 自己 视图 的 底部 显 
示 标 签 栏 。 从 用 户 的 角度 来 说 ， 每 个 标签 都 对 应 一 个 视图 。 当 用 户 点 击 标签 后 ， 相 应 的 视图 就 会 呈现 出 来 。 
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显示 各 控制 器 的 标签 


图 7-12 UITabBarControllet 在 应 用 程序 窗口 中 的 显示 效果 


在 一 般 情况 下 ， 我 们 可 以 将 UITabBarController 看 成 父 视图 控制 器 ， 通 过 它 所 呈现 的 其 他 控制 器 都 是 其 子 视图 控制 器 。 需 要 注意 的 是 ， 标 签 栏 中 所 呈现 的 各 个 视图 控制 器 的 关系 应 该 是 同 级 、 并 列 的 ， 
如 果 是 父子 或 包含 关系 ， 则 需要 使 用 UINavigationView Controller 进 行 组 织 和 管理 。 


742 ”在 故事 板 中 添加 标签 栏 控 制 器 

接 下 来 ， 我 们 要 为 Shopping 应 用 程序 创建 标签 栏 控制 器 。 该 控制 器 会 包含 三 个 子 控制 器 ， 一 个 用 于 显示 购物 清单 列表 ， 一 个 用 于 显示 特价 商品 列表 ， 再 加 上 本 章 的 超市 商品 列表 ， 在 应 用 程序 窗口 中 分 
别 会 呈现 3 个 控制 器 的 视图 。 

借助 故事 板 ， 我 们 可 以 快速 搭建 标签 栏 控制 器 。 


步骤 1 在 项 目 导 航 中 打开 Main.storyboard 文 件 。 选 中 与 购物 清单 关联 的 那个 导航 控制 器 ， 选 择 菜单 中 的 “Editor 一 Embed In 一 Tab Bar Controller”， 标 签 栏 控制 器 随后 便 出 现在 故事 板 中 ， 并 且 已 
经 与 购物 清单 的 导航 控制 器 建立 好 连接 ， 如 图 7-13 所 示 。 


步骤 2 ”将 新 添加 的 标签 栏 控制 器 设置 为 应 用 程序 的 起 始 控制 器 。 


步骤 3 ”继续 选中 Tab Bar Controller， 通 过 Option+ Command+ 6 快捷 键 打开 关联 检视 窗 ， 如 图 7-14 所 示 。 从 Triggered Segues 中 可 以 看 出 ， 目 前 与 Tab Bar Controller 有 联系 的 控制 器 只 有 一 个 。 


图 7-13 ”通过 Embed In 方式 创建 标签 栏 控 制 器 


| 5 @ 


Triggered Segues 


таппа! 
' view controllers 


Outlets 
delegate 


searchDisplayGontralier 


vB 


Presenting Segues 


relationship 
show 
show detail 


present modally 
popower presentation 
embed 

push (deprecated) 
modal (deprecated) 
custom 


OOOQOQOQOOO0O0 — OOQO 


图 7-14 Tab Bar Controller 与 其 他 控制 器 的 关联 情况 


步骤 4 按 住 “View Controllers-ltem ”后面 的 圆 点 ， 拖 擅 鼠 标 到 故事 板 中 的 特价 商品 列表 前 面 的 导航 控制 器 上 ， 此 时 它们 之 间 出 现 会 出 现 一 条 蓝 色 连 接线 ， 很 像 |BOutlet 或 1BAction 关 联 ， 如 图 7-15 
所 示 ， 松 开 鼠 标 以 后 Relationship 会 增加 一 个 关联 的 控制 器 。 照 此 方法 再 与 AlbumltemsCVC 建 立 关联 ， 最 后 的 效果 如 图 7-16 所 示 。 
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图 7-15 Tab Bar Controller 35 View Controller X X 


图 7-16 ”故事 板 中 Tab Bar Controller 与 其 他 3 个 View Controller% 间 的 关联 
构建 并 运行 应 用 程序 ， 此 时 在 应 用 程序 下 方 会 出 现 3 个 Item 标签 ， 当 我 们 分 别 点 选 这 3 个 标签 的 时 候 ， 可 以 看 到 相应 的 控制 器 视图 。 
此 外 ， 我 们 还 可 以 调整 各 个 视图 控制 器 在 标签 栏 中 的 前 后 位 置 。 


步骤 5 选中 故事 板 中 的 Tab Bar Controller， 看 到 视图 下 方 的 Tab Bar 中 一 共有 3 个 标签 ， 它 们 分 别 对 应 故事 板 中 与 其 关联 的 视图 控制 器 ， 其 顺序 与 关联 检视 窗 中 的 天 联 顺序 一 致 。 选 中 其 中 的 任 一 标 
$, ЖЕНЕВ 2Тар Bar 的 其 他 位 置 即 可 ， 如 图 7-17 所 示 。 


图 7-17 调整 Tab Bar 中 各 个 标签 的 位 置 


74.3 ”设置 标签 栏 配 置 条 目 


当前 的 标签 栏 控制 器 一 共 包含 3 个 子 视图 控制 器 ， 我 们 需要 分 别 设置 这 3 个 控制 器 的 Tab Bar ltem 属 性 。 


步骤 1 在 故事 板 中 选中 购物 清单 列表 前 面 的 导航 控制 器 ， 点 击 其 下 方 标 签 栏 中 的 ltem。 通 过 Option+Command+4 快 捷 键 打开 属性 检视 窗 ， 如 图 7-18 所 示 。 
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图 7-18  dTJF Tab Bar Item 的 属性 检视 窗 


步骤 2 在 Tab Bar Item 部 分 中 ， 我 们 可 以 为 Badge (WE) 设置 一 个 数值 。 通 过 System Item 下 拉 菜 单 为 标签 设置 一 个 预定 义 效果 ， 其 中 包括 More、Favorites、Featured、Contacts 等 。 如 果 我 们 
选择 这 些 预定 义 效 果 ， 则 不 能 自 定义 其 下 方 Bar Item 部 分 的 Title 和 lmage 属 性 ， 因 为 苹果 希望 统一 基 些 标准 。 


步骤 3 在 Bar Item 部 分 中 设置 Title 为 “购物 清单 ”，lmage 为 Items.png， 该 图 片 位 于 本 书 提供 的 资源 文件 中 ， 设 置 前 需要 将 其 添加 到 项 目的 Images.xcassets 之 中 ， 设 置 完成 以 后 如 图 7-19 所 示 。 
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图 7-19 ”设置 购物 清单 列表 的 Tab Bar Item 属 性 


Оз 提供 给 Bat Item 所 显示 的 图 片 不 能 大 于 32X32 点 ， 图 像 要 为 单 色 ， 并 且 背 景 颜 色 必 须 是 透明 的 ， 否 则 在 标签 中 显示 的 图 片 会 出 现 问题 。 


步骤 4 另外 两 个 视图 控制 器 的 Tab Bar Item 也 如 法 炮制 。 将 第 二 个 视图 控制 器 的 Title 设 置 为 “特价 商品 ”， 第 三 个 视图 控制 器 的 Title 设 置 为 “超市 商品 ”。 将 第 二 个 控制 器 的 Image 设 置 为 Specials， 
第 三 个 设置 为 Photos。 这 两 个 图 像 文 件 在 本 书 提供 的 资源 文件 中 可 以 找到 。 


构建 并 运行 应 用 程序 ， 在 iOs 模 拟 器 中 我 们 可 以 看 到 完整 的 标签 栏 ， 如 图 7-20 所 示 。 
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图 7-20 Shopping 项 目的 最 终 效果 


第 8 草 ”获取 远程 数据 


通过 前 面 几 章 的 学 习 ， 我 们 逐步 了 解 了 iOS 应 用 程序 开发 的 基础 知识 。 接 下 来 将 带领 大 家 创建 一 个 真实 世界 的 、 具 有 高 级 特性 的 应 用 程序 一 一 IM Db 电影 查 询 App。 


在 创建 的 过 程 中 ， 我 们 将 深入 学 习 该 项 目的 核心 技术 ， 并 且 运 用 之 前 所 学 的 相关 知识 去 搭建 用 户 界面 ， 响 应 用 户 的 操作 。 在 本 章 中 ， 我 们 还 将 学 习 使 用 NSURL、NSURLSession 从 远程 的 IMDb 服 务 器 
获取 欲 查询 的 电影 信息 。IM Db 项 目的 最 终 运 行 效果 如 图 8-1 所 示 。 


图 8-1 IMDb 应 用 程序 的 最 终 运 和 


手机 应 用 程序 或 者 移动 应 用 程序 ， 在 某 种 程度 上 说 ， 具 有 与 远程 计算 机 连接 的 移动 性 。 即 使 是 表面 看 上 去 是 静态 应 用 程序 ， 但 是 有 的 时 候 也 需要 通过 网 络 向 服务 器 发 送 状态 和 检查 更 新 。 比 如 一 个 最 简 
单 的 时 钟 应 用 程序 ， 你 可 能 认为 这 样 一 个 简单 的 应 用 程序 不 会 与 网 络 连接 有 什么 瓜葛 。 但 是 如 果 用 户 正在 通过 不 同 的 地 域 时 区 或 者 关闭 了 移动 设备 的 时 钟 呢 ?在 这 种 情况 下 ， 我 们 必须 连接 到 一 个 非常 精确 
的 时 钟 服务 器 ， 通 过 特定 的 网 络 协议 获取 响应 信息 ， 在 正确 响应 以 后 读 取 和 处 理 可 用 的 信息 。 


8.1 使 用 故事 板 创建 用 尸 界面 


创建 一 个 全 新 应 用 程序 对 于 我 们 来 说 是 一 个 令 人 非常 兴奋 的 过 程 ， 接 下 来 我 们 就 通过 Xcode 来 创建 一 个 能 够 连接 到 Web 的 ， 又 可 以 让 用 户 访问 他 们 所 关注 的 电影 的 应 用 程序 。 

步骤 1 创建 一 个 Single View Application 项 目 ， 项 目 名 称 为 IMDb，Language 为 Swift，Devices 设 置 为 iPhone。 

Qi IMDb 的 全 称 是 Internet Movie Database (互联 网 电影 数据 库 ) 。 它 是 世界 上 收录 电影 、 电 视 剧 集 、 纪 录 片 和 特种 影片 最 多 的 机 构 ， 也 是 最 权威 的 。 一 般 情 况 下 ， 我 们 都 用 IMDb 评 分 作为 评判 
一 部 电影 好 坏 的 标准 。 

步骤 2 在 IMDb 项 目的 Target 中 ， 设 置 设备 的 旋转 方向 (Device Orientation) 只 为 Portrait。 

因为 只 是 为 iPhone 设 备 开 发 应 用 程序 ， 所 以 关闭 Size Class 特 性 。 


步骤 3 ”在 项 目 导 航 中 打开 Main.storyboard 文 件 ， 在 文件 检视 窗 中 去 掉 Use Size Classes 的 勾 选项 ， 在 弹出 的 面板 中 选择 Disable Size Classes。 然 后 从 对 象 库 中 拖 电 1 个 image view、4 个 label 和 1 个 
button 对 象 ， 并 建立 相关 的 1BOutlet 和 1BAction 关 联 ， 如 图 8-2 所 示 。 因 为 最 下 面 的 label 需 要 显示 电影 的 剧情 信息 ， 所 以 在 属性 检视 窗 中 将 其 Lines 属 性 设置 为 0 (可 以 显示 多 行文 本 ) ， 并 调整 到 合适 的 大 
小 。 将 image view 的 Mode 设 置 为 Aspect Fit。 
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图 8-2 IMDb 应 用 程序 的 最 初 用 户 界 面 


步骤 4 _ 分别 为 imageview 和 4 个 label 创 建 1B-Outlet 关 联 ， 设 置 变量 名 称 为 titleLabel、releasedLabel、ratingLabel、plotLabel 和 posterlImageView。 为 获取 信息 按钮 创建 |BAction 关 联 ， 设 置 方法 名 
称 为 buttonPressed: 。ViewController 中 的 代码 如 下 : 


class ViewController: UIViewController { 
[BOutlet weak var posterlmageView: UIImageView! 
[BOutlet weak var titleLabel: UILabel! 
[BOutlet weak var releasedLabel: UIlLabel! 
[BOutlet weak var ratingLabel: UlLabel! 
[BOutlet weak var plotLabel: UILabel! 

[BAction func buttonPressed(sender: UlButton) { 
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当 所 有 关联 创建 好 以 后 ， 我 们 还 可 以 在 故事 板 中 检查 一 下 。 在 ViewController 场 景 顶部 的 黄色 图 标 上 右 击 ， 就 可 以 看 到 控制 器 的 信息 面板 ， 如 图 8-3 所 示 。 
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图 8-3 ”ViewConttollet 控 制 器 的 信息 面板 


在 信息 面板 中 我 们 可 以 发 现 该 控制 器 一 共有 5 个 Outlet (4 个 Label 和 1 个 Image View) 另外 还 有 一 个 View 的 Outlet 是 项 目 自动 生成 的 控制 器 视图 的 View 1 个 Rectived Actions 获取 信息 按钮 与 
buttonPressed: 方法 ， 该 方法 会 当 用 户 在 获取 信息 按钮 上 执行 Touch Up Inside 动 作 的 时 候 调用 。 


除 此 以 外 ， 选 中 某 个 视图 元 素 后 ， 在 关联 检视 窗 中 也 可 以 看 到 相关 的 关联 信息 。 


当 用 户 点 击 获 取信 息 按钮 以 后 ， 电 影 的 相关 信息 应 该 显示 在 界面 中 。 


在 Images.xcassets 中 导入 资源 素材 中 的 The-Lion-King.png 图 片 文件 。 然 后 在 buttonPressed: 方法 中 添加 如 下 代码 : 
QIBAction func buttonPressed(sender: UIButton) í 
self.titleLabel.text = "The Lion King" 
self.releasedLabel.text = "24 Jun 1994" 
self.ratingLabel.text = "G" 
self.plotLabel.text = "Lion cub and future king Simba searches for his identity. His eagerness to please others and penchant for testing his boundaries sometimes gets him i 
self.posterlImageView.image = UIImage (named: "TheLionKing") 


在 buttonPressed: 方法 中 ， 我 们 手工 填充 了 label 和 image view 的 内 容 ， 构 建 并 运行 应 用 程序 ， 在 点 击 “ 获 取信 息 ” 按 钮 以 后 的 用 户 界 面 效果 如 图 8-4 所 示 。 
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图 8-4 IMDb 项 目 在 iPhone5s 中 的 运行 效果 


8.2 ”使 用 NSURLSession 获 取 数 气 


在 我 们 开始 学 习 如 何在 项 目 中 获取 远程 数据 之 前 ， 先 来 了 解 有 关 HTTP 请 求 的 知识 。1IMDb 的 官方 网 站 为 www.imdb.com， 通 过 它 我 们 可 以 查询 全 球 影 片 数 据 库 中 相关 影片 的 信息 。 


步骤 1 在 IMDb 中 搜索 “the lion king”， 如 图 8-5 所 示 。 
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图 8-5 ”在 IMDb 中 搜索 “the lion king" 


除了 在 www.imdb.com 中 搜索 影片 以 外 ， 我 们 还 可 以 借助 omdbapi.com 添 加 脚 标 注释 ， 内 容 为 : 访问 omdbapi.com 需 要 借助 VPN。 这 里 我 们 先 来 介绍 一 下 什么 是 API。API， 即 应 用 程序 编程 接口 
(Application-Programming-Interface) ， 它 是 软件 系统 不 同 组 成 部 分 衔接 的 约定 。 在 互联 网 中 ， 移 动 操作 系统 (iOS 或 Android) 会 通过 API 接 口 连接 到 远程 服务 器 ， 并 通过 协议 (请 求 ) 向 服务 器 索要 
数据 。 当 服务 器 查询 到 相关 信息 以 后 就 会 以 XML 或 JSON 的 形式 返回 给 移动 操作 系统 。 


步骤 2 在 www.omdbapi.com 中 输入 影片 名 称 获取 相关 信息 。 在 网 页 “t: ”的 右边 文本 框 中 输入 “the lion king” 并 点 击 提交 按钮 以 后 ， 我 们 就 会 看 到 JSON 格 式 的 电影 信息 ， 如 图 8-6 所 示 。 如 果 你 
看 到 了 JSON 格 式 的 信息 ， 将 当前 页 面 的 网 址 复制 到 蔓 贴 板 。 


如 果 页 面 中 的 JSON 信 息 让 你 觉得 不 舒服 ， 可 以 借助 另外 一 个 网 站 来 查看 格式 化 好 的 JSON 信 息 。 


步骤 3 ”在 浏览 器 中 打开 pro.jsonlint.com 网 站 ， 页 面 中 输入 在 步骤 2 中 所 复制 的 网 址 ， 然 后 点 击 页 面 右 侧 的 对 钩 ， 我 们 可 以 看 到 已 格式 化 好 的 JSON 信 息 ， 如 图 8-7 所 示 。 


("Title":"The Lion King" ," Year":" 1994" "Rated"; "GG" ,"Released";"24 Jun 19943 *Runtime*: "89 
| min," Genre"; Animation, Adventure, Drama" ," Director": Roger Allers, Rob | 
MinkofT" ,"Writer":"Irene Mecchi (screenplay), Jonathan Roberts (screenplay), Linda 


Woolverton (screenplay), Brenda Chapman (story), Bumy Mattinson (story), Barry Johnson 

Parameter Value | (story), Lorna Cook (story), Thom Enriquez (story), Andy Gaskill (story), Gary Trousdale 

string (optional) (story), Jim Capobianco (story), Kevin Harkey (story), Jorgen Klubien (story), Chris Sanders 

string (optional) (story), Tom Sito (story), Larry Leker (story), Joe Ranft (story), Rick Maki (story), Ed Gombert 

9 (stary), Francis Glebas (story), Mark Kausler (story), J.T. Allen (additional story material), 
string [optional] George Scribner (additional material), Miguel Tejada-Flores (additional story material), 
year (optional) Jenny Tripp (additional story material), Bob Tzudiker (additional story material), Christopher 
ISON. XML Vogler (additional story material), Kirk Wise (additional story material), Noni White (additional 
| r | story material)’, Actors": Jonathan Taylor Thomas, Matthew Broderick, James Earl Jones, 
short, full Jeremy Irons" ," Plot": "Lion cub and future king Simba searches for his identity. His eagerness to 
name (optional) please others ami penchant for testing his boundaries sometimes gets him into 
| trouble.. Language": "English, Swahili, Xhasa, Zulu" "Country" "USA" "Awards": "Won 2 
true (aptional) | Oscars. Another 29 wins & 26 nominations." ," Poster": "htp://ia.media- 
imdb.com/images/M/MVSBMjEyMzgwNTUzMISBMISBanBnXKkFtZTocwNTMxMzM3N pa i, 


8-6 ”在 OMDbAPI 中 查询 电影 信息 


"Title": "The Lion King", 
"Year": "1994", 


"Rated": "S 

"Released": "24 Jun 1994", 

"Runtime": "88 min", 

"Genre": "Animation, Adventure, Drama", 

"Director": "Roger Allers, Rob Minkoff", 

"Writer": "Irene Mecchi (screenplay), Jonathan Roberts (screenplay), Linda Woolverton (scree 
nplay), Brenda Chapman (story), Burny Mattinson (story), Barry Johnson (story), Lorna Cook (stor 
y), Thom Enriquez (story), Andy Gaskill (story), Gary Trousdale (story), Jim Capobianco (story), 

Kevin Harkey (story), Jorgen Klubien (story), Chris Sanders (story), Tom Sito (story), Larry Le 
ker (story), Joe Ranft (story), Rick Maki (story), Ed Gombert (story), Francis Glebas (story), M 
ark Kausler (story), J.T. Allen (additional story material), George Scribner (additional story m 
aterial), Miguel Tejada-Flores (additional story material), Jenny Tripp (additional story materi 
al), Bob Tzudiker (additional story material), Christopher Vogler (additional story material), K 
irk Wise (additional story material), Noni White (additional story material)", 

"Actors": "Jonathan Taylor Thomas, Matthew Broderick, James Earl Jones, Jeremy Irons", 

"Plot": "Lion cub and future king Simba searches for his identity. His eagerness to please o 
thers and penchant for testing his boundaries sometimes gets him into trouble.", 

"Language": "English, Swahili, Xhosa, Zulu", 

"Country": "USA", 

"Awards": "Won 2 Oscars. Another 29 wins & 26 nominations.", 

"Poster": "http://ia.media-imdb.com/images/M/MVSBMjEyMzgwNTUzMISBMISBanBnXkFtZzTcwNTMxMzM3Ng(g 
g. vl 5Х300. jpg", 

"Metascore": "B3", 

"imdbRating": "8.5", 

"AmdbVotes": "449,966", 

"imdbID": "trt8118357", 

"Type": "movie", 

"Response"; "True" 


图 8-7 格式 化 好 的 JSON 信 息 


经 过 上 面 的 3 步 操作 ， 我 们 通过 在 浏览 器 中 输入 的 URL 获 取 了 服务 器 所 返回 的 信息 。 这 个 URL 是 http://www.omdbapi.com/?i=&t=the+lion+king， 我 们 可 以 将 它 分 成 下 面 几 个 部 分 : 
http” 是 一 个 协议 ， 它 告诉 浏览 器 接 下 来 是 一 个 HTTP 标 准 的 请 求 。 
“: //” 用 来 分 割 协议 与 域 。 
“www.omdbapi.com” 是 我 们 获取 数据 的 域 。 
“/” 是 请 求 的 路 径 ， 它 指明 了 我 们 所 要 获取 资源 的 位 置 。 
“3” 用 来 分 割 路 径 与 参数 。 
“i=&t=thet+lion+king” 是 参数 。 这 里 面 有 两 对 键 值 配对 (key/value) 的 参数 并 且 使 用 “&& ”符号 分 害 。 键 名 i 的 值 为 空 ， 而 键 名 t 的 值 为 the+lion+king。 
在 生成 HTTP 请 求 的 时 候 ， 我 们 可 以 指定 不 同 的 参数 或 参数 值 。 参 数 或 参数 值 不 同 ， 从 服务 器 返回 的 信息 也 不 同 ， 我 们 把 这 种 获取 信息 的 方式 称 为 GET。 


在 上 面 的 例子 中 ， 浏 览 器 会 连接 到 omdbapi.com， 使 用 GET 方 式 ， 通 过 HTTP 协 议 并 传递 “i=&t=the+lion+king” 参 数 。 通 过 这 样 的 设置 ， 从 服务 器 端 我 们 会 得 到 电影 《狮子 王 》 的 相关 信息 ， 如 果 
将 参数 t 的 值 改 为 king， 则 会 得 到 电影 《指环 王 》 的 相关 信息 。 


8.2.1 ЕБКОКЦ 


此 时 ， 不 知道 你 是 否 注意 到 ， 在 omdb 的 文本 框 中 输入 的 是 字符 串 “the lion king" ， 而 生成 的 URL 的 参数 中 则 变 成 了 “the+lion+king”。 这 是 因为 URL 不 支持 空格 ，omdb 将 搜索 的 影片 名 称 中 的 空 
格 都 转化 成 了 “+”。 如 果 你 有 兴趣 ， 可 以 在 pro.jsonlint.com 中 输入 http://www.omdbapi.com/?i=&t=the lion king， 你 不 会 得 到 任何 JSON 信 息 。 在 iOS 项 目 中 会 遇 到 同样 的 问题 ， 这 就 需要 借助 字符 
串 的 相关 方法 ， 将 影片 名 称 改 为 URL 可 以 接受 的 字符 串 。 


+81 在 项 目 导 航 中 打开 ViewController.swift 文 件 ， 添 加 searchIMDb: 方法 ， 代 码 如 下 : 


func searchIMDb (forContent: String) { 
var spacelessString = forContent.stringByAddingPercentEscapes 
UsingEncoding (NSUTF8StringEncoding) 


println(spacelessString!) 


在 searchIMDb : 方法 中 ， 我 们 使 用 了 String 类 中 的 -stringByAddingPercentEscapes UsingEncoding: 方法 ， 将 字符 串 转换 为 一 个 合法 的 URL 字 符 串 。 简 单 来 说 ， 就 是 将 字符 串 中 的 非法 字符 用 百 分 
= (%) 表示 ， 并 且 将 转换 后 的 字符 串 按照 指定 的 格式 编码 。 


步骤 2 修改 -buttonPressed: 方法 如 下 面 这 样 : 


Сс 


IBAction func buttonPressed(sender: UlButton) { 
self.searchIMDb("the lion king") 


e 


构建 并 运行 应 用 程序 ， 点 击 “ 获 取信 息 ” 按 钮 以 后 ， 在 调试 控制 台中 会 显示 格式 化 好 的 字符 串 “the9%20lion%20king”。 其 中 ， 字 符 串 中 所 有 的 空格 均 被 %20 蔡 代 。 如 果 你 愿意 ， 可 以 将 其 替换 到 


projsonlint.com 网 页 中 “the+lion+king” 部 分 ， 会 得 到 与 之 前 一 样 的 电影 信息 。 


步骤 3 ” 按 下 面 这 样 修改 -searchlMDb: 方法 : 


func searchIMDb (forContent: String) { 
var spacelessString = forContent.stringByAddingPercentEscapes 
UsingEncoding (NSUTF8StringEncoding) 
var urlPath = NSURL (string: "http://www.omdbapi.com/? 
t=\ (spacelessString!)") 
var session = NSURLSession.sharedSession() 
var task = session.dataTaskWithURL (urlPath!) { 
data, response, error -> Void in 
if error != nil í 
println(error.localizedDescription) 


} 

var jsonError: NSError? 

var jsonResult - NSJSONSerialization.JSONObjectWithData (data, options: NSJSONReadingOptions.MutableContainers, error: &jsonError)as Dictionary«String, String» 

if jsonError? !- nil í 
println(jsonError?.localizedDescription) 


lf.titleLabel.text jsonResult["Title"] 
self.releasedLabel.text = jsonResult ["Released"] 
F.ratingLabel.text = jsonResult ["Rated"] 
self.plotLabel.text = jsonResult["Plot"] 


} 


task.resume () 


在 -searchIMDb: 方法 中 ， 我 们 首先 创建 了 一 个 NSURL 类 型 的 对 象 ， 紧 接着 通过 +sharedSession: 类 方法 获取 了 NSURLSession 对 象 。NSURLSession 提 供 了 多 个 方法 ， 可 以 让 程序 以 HTTP 的 方式 下 
载 远 端 服务 器 中 的 数据 ， 它 还 支持 身份 验证 。 当 应 用 程序 没有 在 iOS 系 统 中 运行 时 ， 或 者 应 用 程序 被 暂时 挂 起 时 ， 它 也 能 够 在 后 台 完 成 下 载 任 务 。 


接 下 来 ， 我 们 调用 NSURLSession 类 的 -dataTaskWithURL: completionHandler: 方法 创建 一 个 HTTP 形 式 的 GET 请 求 ， 并 将 该 URL 发 送 到 指定 的 服务 器 。 如 果 接 收 到 服务 器 的 信息 有 反馈， 则 会 调用 完 
成 后 的 处 理 程序 。 


在 接收 到 服务 器 的 反馈 信息 后 ， 会 收 到 3 个 传递 过 来 的 参数 : data、response 和 error。 如 果 error 的 值 不 为 空 ， 则 代表 从 远 端 服务 器 获取 数据 出 现 问题 ， 通 过 printIn 函 数 打 印 问题 信息 。 


我 们 使 用 NSJSONSerialization 类 的 -JSJONObjectWithData: options: error: 方法 ， 将 获取 的 JSON 信 息 进 行 格式 化 。 参 数 data 是 还 未 格式 化 的 JSJON 数 据 ，options 被 设置 为 
MutableContainers ( 它 是 NSJSON Reading Options 类 型 的 结构 体 ， 代 表 创 建 一 个 数组 或 字典 类 型 的 可 变 对 象 ) 。 这 里 强制 转换 为 字典 类 型 ， 并 且 指 定 key/value 的 类 型 为 String/String， 即 键 和 值 的 类 


型 都 是 字符 串 ， 这 与 我 们 在 projsonlint.com 页 面 中 看 到 的 信息 类 型 一 致 。 


在 调用 -JSONObjectWithData: options: error: 方法 时 ,我们 还 传递 了 jsonError 变 量 ， 并 且 使 用 8&yjsonError 作 为 参数 。 变 量 名 前 面 添加 & 代 表 传递 的 是 变量 的 地 址 而 不 是 值 ， 因 此 在 JSON 数 据 格式 
化 失败 的 时 候 可 以 通过 jsonError 来 判断 失败 原因 。 


如 果 格 式 化 工作 正常 完成 ， 我 们 就 将 信息 赋值 到 4 个 相应 的 label 中 。 到 这 里 为 止 ，-dataTaskWithURL: completionHandler: 方法 结束 。 


最 后 ， 要 想 让 -dataTaskWithURL: completionHandler: 方法 运行 ， 我 们 还 要 执行 NSURLSessionDataTask 类 的 resume 方 法 让 任务 运行 。 


МЭЛ, Kah AMED" иа, Ша ENHED, ДИКЕ А.А). ERRI SS (40 秒 左右 ) 后 ， 用 户 界面 中 会 出 现 关于 《狮子 王 》 的 影 
片 信息 ， 如 图 8-8 所 示 。 


iS Simulator - iPhones bs - iPhone 5& z lm H... 
Eli: TFer10:43 ки 


The Lian King 

24 Jun 1994 

G 

Len cub and future King Simba 
searches for hrs identity. His 
eagerness to please others and 


penchant for testing his boundaries 
sometimes gets him into trouble, 


SE RE гч. 


图 8-8 ”在 IMDb 应 用 程序 中 点 击 “ 获 取 人 信息” 按钮 后 的 执行 效果 


822 ”使 用 异步 方式 解决 等 待 问题 


之 所 以 在 点 击 按钮 以 后 会 出 现 等 待 时 间 过 长 的 情况 ， 是 由 于 我 们 对 用 户 界面 元 素 (4 个 label) 的 操作 在 非 主线 中 执行 而 产生 的 。 当 我 们 调用 -dataTaskWithURL: completionHandler: 方法 时 ， 该 方 
法 的 代码 会 在 非 主线 程 中 执行 。 而 所 有 的 用 户 界面 和 交互 相应 都 必须 在 主线 程 中 执行 ， 所 以 在 非 主线 程 中 修改 用 户 界面 的 属性 (label 的 text 属 性 ) ， 则 会 导致 出 现 用 户 界面 元 素 迟 迟 不 被 更 新 的 情况 。 要 想 
证 明 这 一 点 非常 简单 : 在 修改 label 属 性 的 那 一 行 添加 断 点 。 


步骤 1 在 “self'titleLabeltext=jsonResult["Title"]” 代 码 行 前 面 的 灰色 沟 模 中 点 击 鼠 标 ， 会 出 现 一 个 蓝 色 标记 ， 如 图 8-9 所 示 。 


self.titleLabel.text = jsonResult["Title"] 
self.releasedLabel,.text = jsonResult["Released"] 
self.ratingLabel,text = jsonResult["Rated"] 
self.plotLabel,text = jsonResult["Plot"] 

} 

task, гезите() 


图 8-9 ”在 selftitleLabel 行 添加 断 点 


步骤 2 ”构建 并 运行 应 用 程序 ， 当 点 击 “ 获 取信 息 ” 按 钮 以 后 ， 运 行 的 程序 代码 会 停止 在 有 断 点 标记 的 一 行 ， 此 时 该 代码 行 并 没有 被 执行 ， 并 且 导 航 区 域 已 经 被 自动 切换 到 调试 导航 。 通 过 调试 导航 我 们 
发 现 ， 当 前 的 -dataTaskWithURL: completionHandler: 方法 运行 在 线程 6 之 中 ， 如 图 8-10 所 示 。 
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&elf.titleLahel.text = jsonmResult["Title"] 
self.releasedLabel,text = jeonResult["Released"] 
self. ratimgLabel. text = jsonResult["Rataed"] 
self.nlotbabel,text = jsonResult["Plot"] 


task. resume] 


图 8-10 在 调试 导航 中 查看 代码 的 运行 情况 
步骤 3 ”点 击 调试 控制 台中 的 “step over” 按 钮 ， 昌 然 接 下 来 的 每 一 行 代码 都 被 快速 执行 ， 但 是 在 iOs 模 拟 器 中 的 label 依 然 没 有 发 生 改 变 ， 直 到 经 过 了 很 长 时 间 以 后 才 会 显示 《狮子 王 》 的 信息 。 


要 想 改 变 这 种 现状 是 非常 简单 的 ， 看 下 一 步 。 


由 


ERA 按 下 面 这 样 修改 dataTaskWithURL: completionHandler: 方法 中 的 代码 : 


if jsonError? != nil í 
println(jsonError?.localizedDescription) 


} 

dispatch async (dispatch get main queue ()) { 
self.titleLabel.text jsonResult["Title"] 
self.releasedLabel.text jsonResult ["Released"] 
self.ratingLabel.text = jsonResult["Rated"] 
self.plotLabel.text = jsonResult["Plot"] 


} 
} 


task.resume() 


我 们 只 需要 让 4 行 修改 label 属 性 的 代码 在 dispatch_async 函 数 中 运行 即 可 。dispatch_async 的 意思 就 是 将 任务 进行 异步 并 行 处 理 ， 不 一 定 需要 一 个 任务 处 理 完 后 才能 处 理 下 一 个 。 它 的 参数 
dispatch get main queue () 用 于 指定 在 主线 程 中 运行 下 面 的 代码 。 


构建 并 运行 应 用 程序 ， 在 点 击 “ 获 取信 息 ”按钮 以 后 ， 这 回 用 户 界面 会 在 非常 短 的 时 间 被 更 新 。 


83 ”构建 目 定 义 API 控 制 器 


接 下 来 我 们 将 重 构 项 目 中 的 代码 ， 创 建 全 新 的 IMDbAPIController 控 制 器 类 来 管理 与 IMDb 相关 的 API 方 法 。 
步骤 1 在 项 目 添加 新 的 Cocoa Touch Class 文 件 ，Class 为 IMDbAPIController，Subclass of 为 NSObject。 
当 我 们 在 IMDbAPIController 中 搜索 影片 信息 完成 以 后 ， 需 要 通过 某 种 方式 通知 调用 它 的 对 象 ， 因 此 要 在 IMDbAPIControllerswift 文 件 中 添加 委托 协议 。 


步骤 2 按 下 面 这 样 修改 IMDbAPIController.swift 文 件 中 的 代码 内 容 : 


import UIKit 
protocol IMDbAPIControllerDelegate { 
func didFinishIMDbSearch (result: Dictionary«String, String») 


} 
class IMDbAPIController: NSObject í 


} 


在 IMDbAPIControllerDelegate 协 议 中 我 们 只 定义 了 一 个 -didFinishSearch: 方法 ， 它 会 传递 字典 对 象 给 调用 者 ， 该 字典 的 键 都 是 String 类 型 。 


+З 按 下 面 这 样 修改 IMDbAPIController 类 : 


class IMDbAPIController: NSObject í 
var delegate: IMDbAPIControllerDelegate? 
init(delegate: IMDbAPIControllerDelegate?) { 
self.delegate = delegate 


) 


在 IMDbAPIController 类 中 添加 了 IMDbAPIControllerDelegate 类 型 的 实例 变量 delegate， 它 最 终 会 指向 符合 该 协议 的 控制 器 类 ， 请 注意 delegate 是 一 个 可 选 值 。 接 着 还 定义 了 IMDbAPIController 
类 的 初始 化 方法 ， 并 接受 可 选 值 delegate 作 为 参数 。 


创建 IMDbAPIController 的 目的 就 是 让 它 完成 有 关 IMDb 搜 索 的 相关 工作 ， 因 为 我 们 不 想 让 ViewController 控 制 器 的 代码 越 来 越 多 ， 越 来 越 复杂 。 把 相关 的 方法 代码 集合 成 一 个 新 类 ， 这 样 便于 日 后 代 
码 的 维护 。 


步骤 4 ”删除 ViewController 类 中 -buttonPressed: 方法 中 的 代码 ， 然 后 将 -searchlIMDb: 方法 剪 切 到 IMDbAPIController 类 中 。 


步骤 5 在 -searchlIMDb: 方法 中 的 下 列 代码 已 经 失效 : 


dispatch async (dispatch get main cueue ()) { 
self.titleLabel.text = jsonResult["Title"] 
self.releasedLabel.text jsonResult ["Released"] 
self.ratingLabel.text = jsonResult["Rated"] 
self.plotLabel.text = jsonResult["Plot"] 


我 们 需要 将 其 蔡 换 为 下 面 的 这 段 代 码 : 


кы 


f let apiDelegate = self.delegate? { 
dispatch async (dispatch get main queue ()) { 
apiDelegate.didFinishIMDbSearch (jsonResult) 


) 


在 新 代码 中 ， 我 们 首先 判断 delegate 变 量 是 否 可 用 ， 即 是 否 指向 一 个 符合 IMDb-APIC-ontroller-Delegate 协 议 的 控制 器 类 (该 类 必须 实现 -didFinishIMDbSearch: 方法 ) ， 然 后 调用 在 该 类 中 定义 
BJ-didFinishIMDbSearch: 方法 。 之 所 以 让 该 方法 在 主线 程 中 运行 ， 是 因为 它 里 面 有 对 界面 元 素 的 操作 。 


步骤 6 为 ViewController 类 添加 IMDbAPIControllerDelegate 协 议 声 明 ， 代 码 如 下 : 


import UIKit 
class ViewController: UIViewController, IMDbAPIControllerDelegate ( 
@IBOutlet weak var posterImageView: UllmageView! 

QIBOutlet weak var titleLabel: UILabel! 


步骤 7 在 ViewController 类 中 添加 IMDbAPIController 类 型 的 实例 变量 apiController， 代 码 如 下 : 


GIBOutlet weak var ratingLabel: UILabel! 
GIBOutlet weak var plotLabel: UILabel! 
lazy var apiController: IMDbAPIController = 
MDbAPIController (delegate:self) 
override func viewDidLoad() { 


在 声明 apiController 的 时 候 使 用 延迟 存储 属性 (lazy) ， 它 是 指 当 第 一 次 被 调用 的 时 候 才 会 计算 其 初始 值 的 属性 。 


延迟 属性 在 当前 的 代码 环境 下 是 非常 有 用 的 ， 在 声明 apiController 变 量 的 时 候 我 们 将 它 初始 化 ， 但 是 在 初始 化 的 时 候 需 要 将 当前 控制 器 对 象 作为 参数 ， 此 时 的 View Controller 对 象 还 没有 构造 完成 ， 所 
以 这 就 是 个 悖 论 。 由 于 使 用 了 lazy，apiController 只 有 在 第 一 次 被 访问 的 时 候 才 会 创建 。 


步骤 8 在 -viewDidLaod 方 法 中 添加 下 面 一 行 代码 : 


override func viewDidLoad() { 
super.viewDidLoad() 
self.apiController.delegate - self 


当 程 序 执行 到 该 方法 的 时 候 ， 才 会 计算 apiController 的 初始 值 。 


步骤 9 在 ViewController 类 中 添加 IMDbAPIControllerDelegate 协 议 方法 的 定义 ， 以 及 在 -buttonPressed : 方法 中 添加 对 IM Db 服务 器 的 搜索 代码 : 


QIBAction func buttonPressed(sender: UIButton) { 
self.apiController.searchIMDb ("the lion king") 


} 

func didFinishlMDbSearch (result: Dictionary«String, String») í 
self.titleLabel.text = result["Title"] 
self.releasedLabel.text = result["Released"] 
self.ratingLabel.text = result["Rated"] 
self.plotLabel.text = result["Plot"] 


— 


构建 并 运行 应 用 程序 ， 上 点击“ 获取 信息 ”按钮 以 后 ， 用 户 界面 被 立即 更 新 。 


最 后 我 们 还 要 在 场景 中 显示 影片 的 海报 信息 。 影 片 海报 的 URL 地 址 在 JSON 数 据 的 Poster 字 段 中 ， 如 图 8-11 所 示 。 


"Title": "The Lion King", 

"Year": "1994", 

"Rated": "G", 

"Released": "24 Jun 1994", 

"Runtime": "89 min", 

"Genre": "Animation, Adventure, Drama", 

"Director": "Roger Allers, Rob Minkoff”, 

"Writer": "Irene Mecchi (screenplay), Jonathan Roberts (screenplay), Linda Woolverton (screenplay), Brenda Chapm: 
Cook (story), Thom Enriquez (story), Andy Gaskill (story), Gary Trousdale (story), Jim Capobianco (story), Kevin Harki 
to (story), Larry Leker (story), Joe Ranft (story), Rick Maki (story), Ed Gombert (story), Francis Glebas (story), Ma 
е Scribner (additional story material), Miguel Tejada-Flores (additional story material), Jenny Tripp (additional sto 
er Vogler (additional story material), Kirk Wise (additional story material), Noni White (additional story material)" 

"Actors": "Jonathan Taylor Thomas, Matthew Broderick, James Earl Jones, Jeremy Irons", 

"Plot": "Lion cub and futurs king Бітве searches for his identity. His eagerness to please others and penchant fo 

"Language": "English, Swahili, Xhosa, Zulu", 

"Country": 


WET 
"imdbRating : "8.5", 
"imdbVotes": "449,966", 
"AmdbID": "tt68118357", 
"Туре": "movie", 
"Response": "True 


图 8-11 JOSN 数 据 中 的 影片 海报 信息 


步骤 10 ”在 ViewController 类 中 添加 -formatImageFromPath : 方法 ， 代 码 如 下 : 


func formatImageFromPath (path: String) { 
var posterUrl = NSURL (string: path) 
var posterImageData = NSData (contentsOfURL: posterUrl) 
self.posterImageView.image = UIImage (data: posterImageData) 


在 -formatlmageFromPath: 方法 中 ， 通 过 path 变 量 生成 海报 的 URL 地 址 ， 然 后 将 远 端 服务 器 中 的 图 片 数据 载 入 NSData 类 型 的 posterlImageData 变 量 中 。 要 想 让 其 在 image view 中 显示 ， 还 需要 通 
过 Ullmage 的 初始 化 方法 将 NSData 数 据 转 化 为 图 像 。 


步骤 11 修改 -didFinishIMDbSearch: 方法 如 下 面 这 样 : 


func didFinishlIMDbSearch (result: Dictionary«String, String») { 
self.titleLabel.text = result["Title"] 
self.releasedLabel.text = result["Released"] 
self.ratingLabel.text = result["Rated"] 
self.plotLabel.text = result["Plot"] 
if let foundPosterUrl = result["Poster"] { 
self.formatlImageFromPath (foundPosterUrl) 


构建 并 运行 应 用 程序 ， 效 果 如 所 示 。 
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图 8-12 IMDb 项 目的 运行 效果 


84 ”添加 影片 搜索 功能 


到 目前 为 止 ， 我 们 只 是 完成 了 IMDb 项 目 中 的 信息 收集 任务 ， 还 没有 实现 它 的 交互 功能 。 要 想 让 用 户 获取 指定 的 影片 信息 ， 我 们 还 需要 为 IMDb 项 目 添加 搜索 功能 。 


步骤 1 打开 故事 板 ， 从 对 象 库 中 选择 Search Bar 并 将 其 拖 电 到 场景 之 中 ， 如 图 8-13 所 示 。 切 换 到 属性 检视 窗 ， 将 Placeholder 设 置 为 搜索 IMDb。 
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图 8-13 在 场景 中 添加 Search Bar 


接 下 来 ,我们 需要 操作 UlSearchBar 类 来 获取 搜索 信息 。UlSearchBar 类 用 于 实现 基于 文本 的 搜索 ， 该 控制 器 提供 了 一 个 文本 框 用 于 输入 文字 、 一 个 搜索 按钮 、 一 个 书签 按钮 和 一 个 取消 按钮 。 
UlSearchBar 对 象 不 会 提供 真正 的 搜索 功能 ， 当 输入 文本 并 点 击 按钮 以 后 ， 我 们 需要 利用 UlSearchBarDelegate 协 议 实 现 视图 与 控制 器 之 间 的 互动 。 


步骤 2 ”确定 在 选中 Search Bar 的 状态 下 切换 到 关联 检视 窗 ， 按 住 Outlets 部 分 中 delegate 右 侧 的 空心 圆圈 ， 将 其 拖 忠 到 View Controller 场 景 顶部 的 View Controller 图 标 上 面 ， 如 图 8-14 所 示 ， 这 步 操 
作 表 示 将 UlSearchBar 对 象 的 delegate 属 性 指向 ViewController 控 制 器 对 象 。 
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图 8-14 ”将 Search Bar-5 View Controllerz£ 2 delegate X 1% 


步骤 3 为 ViewController 类 添加 UlSearchBarDelegate 协 议 声明 ， 并 添加 -search BarSearch-Button-Clicked: 方法 。 


class ViewController: UlViewController, IMDbAPIControllerDelegate, 
UISearchBarDelegate { 


func searchBarSearchButtonClicked(searchBar: UlSearchBar) { 
println(searchBar.text) 


当 用 户 点 击 搜索 按钮 的 时 候 会 调用 -searchBarSearchButtonClicked: 方法 ， 进 而 通过 searchBar 变 量 获 取 用 户 输入 的 搜索 信息 。 


构建 并 运行 应 用 程序 ， 在 模拟 器 中 点 击 搜索 框 ， 此 时 会 弹出 虚拟 键盘 。 输 入 “the lion king” 并 点 击 “ 搜 索 ” 按钮 以 后 ， 调 试 控制 台中 会 显示 用 户 的 搜索 内 容 ， 如 图 8-15 所 示 。 
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图 8-15 Search Bar 中 输入 影片 名 称 并 点 击 “搜索 ”按钮 在 控制 台 显 示 影 片 名 称 


© 说 明 在 模拟 器 中 点 击 Search Bar 时 ， 并 不 会 出 现 虚 拟 键盘 。 我 们 需要 使 用 Command+ 开 快捷 键 将 其 调 出 ， 同 时 也 可 以 使 用 该 快捷 键 将 其 隐藏 。 


步骤 4 ”继续 向 -searchBarSearchButtonClicked: 方法 中 添加 如 下 代码 : 


func searchBarSearchButtonClicked(searchBar: UlSearchBar) { 
println(searchBar.text) 
searchBar.resignFirstResponder () 
searchBar.text = "" 


-resignFirstResponse 方 法 用 于 将 Search Bar 所 启用 的 键盘 隐藏 。 如 果 用 户 输入 搜索 文本 并 点 击 “ 搜 索 ” 按钮 后 ， 虚 拟 键盘 会 消失 ， 搜 索 框 中 的 文本 也 会 被 清空 。 
除了 可 以 通过 点 击 “ 搜 索 ” 按 钮 让 虚拟 键盘 消失 以 外 ， 我 们 还 可 以 编写 程序 代码 ， 在 用 户 点 击 屏 幕 上 其 他 视图 的 时 候 让 键盘 消失 ， 这 需要 借助 UIGestureRecognizer 类 。 
UlGestureRecognizer 是 一 个 识别 用 户 手势 输入 的 抽象 基 类 ， 一 个 UlGesture Recognizer 对 象 包括 识别 手势 和 执行 相应 的 方法 。 当 系统 识别 出 某 个 手势 以 后 ， 它 会 执行 预先 定义 好 的 目标 对 象 的 方法 。 
UlGestureRcognizer 的 子 类 包括 下 面 这 些 : 

: UITapGestureRecognizer: 点 击 屏 幕 时 的 手势 。 

· UIPinchGestureRecognizer: 两 指 在 屏幕 上 缩放 时 的 手势 。 

UIRotationGestureRecognizer: 两 指 在 屏幕 上 旋转 时 的 手势 。 

: UISwipeGestureRecognizer: 在 屏幕 上 滑动 时 的 手势 。 

- UIPanGestureRecognizer: 在 屏幕 上 拖 间 时 的 手势 。 


: UIScreenEdgePanGestureRecognizer: 类 似 Pan 手 势 ， 从 屏幕 边缘 向 内 拖 导 时 的 手势 。 


: UILongPressGestureRecognizer: 在 屏幕 上 长 按时 的 手势 。 


步骤 5 修改 ViewController 类 的 -viewDidLoad 方 法 如 下 面 这 样 : 


override func viewDidLoad() { 
super .viewDidLoad () 
self.apiController.delegate self 
let tapGesture = UITapGestureRecognizer (target: self, 
action: "userTappedInView:") 
self.view.addGestureRecognizer (tapGesture) 


我 们 创建 了 UITapGestureRecognizer 类 型 的 变量 tapGesture， 用 于 响应 用 户 在 屏幕 上 的 点 击 操作 ， 从 初始 化 方法 中 我 们 可 以 看 出 ， 在 手势 触发 以 后 会 执行 -userTappedln View: 方法 。 创 建 好 
UITapGestureRecognizer 对 象 以 后 ， 还 要 使 用 -addGestureRecognizer: 方法 将 其 添加 到 场景 的 视图 中 。 


步骤 6 添加 Search Bar 到 ViewController 类 的 IBOutlet 关 联 ， 名 称 为 ImdbSearch Bar。 修 改 -userTappedlnView : 方法 如 下 面 这 样 : 


func userTappedInView(recoginzer: UlTapGestureRecognizer)(í 
self.imdbSearchBar.resignFirstResponder () 


) 


构建 并 运行 应 用 程序 ， 调 出 虚拟 键盘 后 ， 只 要 我 们 点 击 视图 ， 虚 拟 键盘 即刻 消失 。 


此 时 IMDb 项 目 已 经 具备 了 搜索 功能 ， 所 以 界面 中 的 “获取 信息 ”按钮 就 没有 那么 重要 了 ， 接 下 来 我 们 就 将 项 目的 搜索 功能 补充 完整 。 


步骤 7 删除 ViewController 类 中 的 -buttonPressed : 方法 ， 然 后 再 删除 故事 板 中 的 button。 


步骤 8 删除 和 修改 -searchBarSearchButtonClicked: 方法 如 下 面 这 样 : 


func searchBarSearchButtonClicked(searchBar: UISearchBar) í 
self.apiController.searchIMDb (searchBar.text) 
searchBar.resignFirstResponder () 

searchBar.text = "" 


构建 并 运行 应 用 程序 ， 在 Search Bar 中 输入 “the lion king” 后 ， 会 显示 《狮子 王 》 的 影片 信息 ， 如 图 8-16 所 示 。 
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图 8-16 ”在 Search Ba 中 输入 影片 名 称 后 获取 的 信息 


8.5 ”设计 IMDb 的 用 户 界面 


到 目前 为 止 ， 我 们 对 IMDb 项 目的 UX (User Experience, APE) 设计 已 经 接近 完美 。 在 本 项 目 中 所 体现 的 UX 设计 包括 : 使 用 人 们 非常 熟悉 的 搜索 框 ， 开 始 搜索 后 清除 搜索 框 的 文本 ， 并 使 虚拟 键 
盘 消 失 ， 以 及 搜索 框 中 的 提示 符 等 。 


在 本 节 中 ， 我 们 将 对 IMDb 项 目的 UI (User Interface， 用 户 界面 ) 进行 颠覆 性 设计 ， 因 为 当前 的 用 户 界面 惨不忍睹 : 白色 的 背景 、 无 趣 的 文本 样式 和 老 旧 的 排版 。 


8.5.1 ”为 场景 添加 虚 化 背景 效果 


MIOS 7 开始 ， 不 管 是 开发 者 还 是 用 户 都 对 应 用 程序 的 UI 设计 都 提出 了 更 高 的 要 求 ， 特 别 是 显示 在 屏幕 上 的 效果 。 这 种 效果 就 包括 在 iOS 7 中 普遍 使 用 的 虚 化 ， 比 如 通知 中 心 和 控制 中 心 ， 如 图 8-17 所 
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图 8-17 iOS 系 统 中 的 通知 中 心 和 控制 中 心 运 用 的 虚 化 技术 


但 是 开发 者 们 一 窝 蜂 似 的 在 自己 的 应 用 程序 中 大 无 忌 刁 地 使 用 虚 化 技术 以 后 ， 苹 果 公司 则 下 令 ， 不 支持 在 第 三 方 应 用 程序 中 过 度 使 用 虚 化 ， 因 为 当时 的 iPhone 设备 硬件 的 处 理 能 力 还 不 够 强大 ， 过 度 使 
用 虚 化 会 降低 程序 的 执行 速度 ， 从 而 影响 用 户 的 使 用 体验 。 


鉴于 苹果 的 强硬 态度 ， 开 发 者 们 开始 使 用 自己 的 虚 化 算法 ， 并 且 效 果 都 非常 好 。 但 是 ， 从 iOS 8 开始 ， 苹 果 官 方 有 了 自己 的 高 性 能 虚 化 效果 ， 而 且 实 现 起 来 非常 简单 。 


接 下 来 ， 我 们 要 在 ViewController 类 中 添加 一 个 用 于 处 理 背 景 虚 化 效果 的 方法 。 但 是 由 于 在 该 方法 中 要 完成 很 多 的 代码 ， 所 以 我 们 会 分 步骤 将 其 补充 完整 。 在 每 个 步骤 中 所 添加 的 代码 都 用 于 实现 一 个 
相对 完整 的 功能 。 


步骤 1 在 ViewController 类 中 添加 -blurBackgroundUsinglmage: 方法 ， 代 码 如 下 : 


func blurBackgroundUsinglmage (image: UIImage)(í 

var frame = CGRectMake(0, 0, self.view.frame.width, 
self.view.frame.height) 
var imageView = UllmageView(frame: frame) 
imageView.image = image 
imageView.contentMode = UIViewContentMode.ScaleAspectFill 
var blurEffect = UlBlurEffect(style: UlIBlurEffectStyle.Light) 

] EffectView (effect: blurEffect) 


E m 


var blurEffectView = UIVisualE 
blurEffectView.frame = frame 
var transparentWhiteView = UlView(frame: frame) 
transparentWhiteView.backgroundColor = 

UIColor (white: 1.0, alpha: 0.30) 


在 方法 中 的 第 一 行 代码 中 ， 我 们 使 用 CGRectMake 函 数 生成 一 个 矩形 结构 体 。 在 函数 中 我 们 指定 了 和 矩形 的 X、Y 坐 标 是 (0，0) , TETUESSUEViewControllerizztlssU EB Ss ERES, Тйл УН 
形 与 屏幕 大 小 一 致 。 另 外 ， 参 数 中 的 frame 是 控制 器 视图 中 的 一 个 属性 ， 它 用 来 摘 述 视图 在 其 父 视图 坐标 体系 中 的 位 置 和 大 小 。 


接 下 来 我 们 创建 了 3 个 UIView 对 象 。 


:第 一 个 image view 的 位 置 与 大 小 都 和 屏幕 一 样 ， 会 显示 通过 参数 传递 进来 的 图 像 ， 并 且 还 设置 了 contentMode 的 属性 为 ScaleAspectFil， 这 种 模式 代表 通过 缩放 图 像 以 适应 视图 的 大 小 ， 同 时 会 剪裁 超出 
的 部 分 。 


- 第 二 个 image view 是 UIVisualEffectView， 但 在 使 用 它 之 前 ， 我 们 需要 创建 一 个 UIBlurEffect 类 型 的 对 象 来 指定 庶 化 的 风格 。UIVisualEffectView 的 位 置 和 大 小 也 与 屏幕 一 样 。 
- 我 们 创建 的 第 三 个 UIView 是 一 个 透明 的 白色 视图 。 


步骤 2 按 下 面 这 样 继续 修 改 -blurBackgroundUsinglmage: 方法 : 


func blurBackgroundUsingImage (image: UIImage) { 
var frame = CGRectMake(0, 0, self.view.frame.width, self.view.frame.height) 


transparentWhiteView.backgroundColor = 
UIColor(white: 1.0, alpha: 0.30) 
var viewsArray = [imageView, blurEffectView, transparentWhiteView] 
for value in self.view.subviews { 

println (value) 

println(value.tag) 


println(" uy 
for index in Ohttp://www.hzcourse.com/resource/readBook?path-/openresources/teach ebook/uncompressed/15202/OEBPS/Text/..«viewsArray.count { 
if let oldView = self.view.viewWithTag (index + 1) { 

oldView.removeFromSuperview () 


} 

var viewToInsert = viewsArray [index] 
self.view.insertSubview(viewToInsert, atlIndex: index) 
viewToInsert.tag = index + 1 


接 下 来 ， 我 们 将 新 创建 的 3 个 视图 按 顺序 放 在 1 个 数组 viewsArray 里 面 ， 然 后 一 次 将 它们 添加 到 当前 的 视图 之 中 。 接 下 来 的 for 循 环 语句 用 于 在 调试 控制 台中 打印 当前 控制 器 视图 中 的 所 有 子 视 图 及 其 
tag， 目 的 是 让 大 家 对 当前 的 控制 器 视图 有 一 个 了 解 。 


然后 我 们 通过 for 循 环 逐 一 将 tag 属 性 值 为 1、2、3 的 视图 取出 来 ， 并 将 其 从 父 视图 中 移 除 。 同 时 我 们 逐一 从 viewsArray 中 取出 刚才 创建 的 视图 ， 按 照 从 低 到 高 的 顺序 添加 到 控制 器 视图 的 体系 结构 中 。 
最 后 还 要 将 这 3 个 视图 的 tag 分 别 设置 为 1]、2、3， 之 所 以 从 1 而 不 是 0 开始 ， 是 因为 在 控制 器 视图 中 ， 所 有 没有 指定 tag 值 的 视图 默认 值 都 为 0。 而 在 前 面 的 移 除 视 图 代码 中 就 无 法 准确 移 除 指定 的 视图 了 。 


步骤 3 在 -formatlmageFromPath: 方法 中 添加 下 面 加 粗 部 分 的 代码 : 


func formatImageFromPath (path: String) { 
var posterUrl = NSURL(string: path) 
var posterlImageData = NSData(contentsOfURL: posterUrl) 
self.posterlmageView.image = UIImage (data: posterlImageData) 
self.blurBackgroundUsingIlmage (self.posterlmageView.image!) 


这 里 ， 我 们 将 获取 的 影片 海报 作为 虚 化 背景 的 图 像 传递 给 -blurBackgroundUsing Image: 方法 。 


构建 并 运行 应 用 程序 ， 输 入 “king” 后 点 击 “ 搜 索 ” 按钮 ， 最 终 的 运行 效果 如 图 8-18 所 示 。 
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图 8-18 ”添加 虚 化 背景 后 的 用 户 界 面 


在 上 面 的 界面 中 存在 一 个 小 问题 : 有 些 影 片 的 名 称 是 带子 标题 的 ，OM DB 提供 的 JSON 数 据 使 用 冒号 (: ) 分 割 了 影片 的 标题 和 和 子 标题 ， 这 使 得 titleLabel 不 能 完整 显示 影片 名 称 。 接 下 来 ， 我 们 将 具有 
子 标题 的 影片 名 称 分 割 成 两 个 label。 


8.5.2 ”通过 类 的 扩展 增加 String 的 功能 


我 们 完全 可 以 在 ViewController 类 中 添加 一 个 方法 来 处 理 分 割 子 标题 的 问题 。 但 是 控制 器 的 主要 功能 不 在 于 此 ， 像 这 些 “ 不 入 流 ” 的 小 功能 ， 如 果 都 添加 到 控制 器 类 中 将 大 大 降低 代码 的 阅读 性 ， 所 以 
我 们 借助 类 的 扩展 ， 在 String 类 中 实现 这 个 功能 
扩展 就 是 向 一 个 已 有 的 类 、 结 构 体 或 枚 举 类 型 添加 新 功能 。 这 包括 在 没有 权限 获取 原始 源 代码 的 情况 下 扩展 类 型 的 能 力 。 扩 展 和 Objective-C 中 的 分 类 (categories) 类 似 ， 但 是 Swift 的 扩展 没有 名 


Ч} 


声明 一 个 扩展 需要 使 用 关键 字 extension， 代 码 如 下 : 


extension SomeType 
шл А E 写 到 这 里 
} 


步骤 1 打开 故事 板 文件 ， 在 View Controller 场 景 的 titleLabel 下 面 添加 一 个 新 的 label， 建 立 IBOutlet 关 联 ， 设 置 名 称 为 subtitlelabel。 
步骤 2 在 IMDb 项 目 中 添加 一 个 新 的 文件 ， 在 文件 模板 面板 中 选择 “iOS 一 Source 一 ”Swift File”。 文 件 名 称 设置 为 StringExtension。 


步骤 3 在 StringExtension.swift 文 件 中 添加 下 面 的 代码 : 


extension String { 
subscript(r: Range<Int>) -> String? { 
if !self.isEmpty { 
var start = advance(startIndex, r.startIndex) 
var end = advance (startIndex, r.endIndex) 
return substringWithRange (Range (start: start, епа: end)) 


} 


return nil 


在 String 的 扩展 中 ， 我 们 为 String 添 加 了 新 下 标 ， 该 下 标 用 于 返回 指 


定 范 围 的 字符 串 。 这 个 方法 使 用 Range 作 为 参数 ， 也 就 是 说 我 们 要 传递 一 个 范围 。 


步骤 4 在 stringExtension 中 再 添加 一 个 新 的 方法 ， 该 方法 用 于 搜索 指定 字符 串 的 位 置 ， 代 码 如 下 : 


var tempString = self 
var selfArray: [String] = [] 
var index - 0 


return index 


) 


++index 


) 


return nil 


for character in tempString { 
selfArray.append (String (character)) 


func findIndexOf (letter: String)-»Int? { 


1 etter == selfArray[index] { 


Book?path-/openresources/teach ebook/uncompressed/15202/OEBPS/Text/..«selfArray.count { 


for character in Ohttp://www.hzcourse.com/resource/readi 


在 方法 中 ， 我 们 先 将 传递 进来 的 字符 串 格式 化 到 一 个 字符 串 数 组 里 面 ， 然 后 通过 for 循 环 在 数组 中 逐一 查找 是 否 存 在 指定 的 字符 串 ， 最 后 返回 位 置信 息 。 


步骤 5 在 项 目 导航 中 打开 ViewController.swift 文 件 ， 添 加 一 个 新 的 方法 ， 代 码 如 下 : 


func parseTitleFromSubtitle(title: String) { 


var index = title.findIndexOf (":") 


if let foundIndex = index? { 


var newTitle = title[Ohttp://www.hzcourse.com/resource/readBook?path-/openresources/teach ebook/uncompressed/15202/OEBPS/Text/..«foundIndex] 
var subtitle = title[foundIndex + 2http://www.hzcourse.com/resource/readBook?path-/openresources/teach ebook/uncompressed/15202/OEBPS/Text/..«countElements (title)] 
self.titleLabel.text = newTitle 
self.subtitleLabel.text = subtitle 
jelse { 
self.titleLabel.text = title 
self.subtitleLabel.text - "" 


在 该 方法 中 ， 我 们 先 搜索 title 中 是 否 含有 冒号 (: ) , / 


步骤 6_ 按 下 面 这 样 修 改 -didFinishIMDbsearch : 方法 : 


刚才 创建 的 字符 串 扩展 ， 以 下 标的 形式 截取 影片 名 称 和 影片 的 子 标题 ， 最 后 更 新 用 户 界 面 。 


func didFinishIMDbSearch (result: Dictionary«String, String») 
if let foundTitle = result["Title"] { 


self.parseTitleFromSubtitle( 


self.releasedLabel.text = result 


FoundTitle) 


["Released"] 


self.ratingLabel.text = result ["Rated"] 
self.plotLabel.text = result["Plot"] 


{ 


构建 并 运行 应 用 程序 ， 搜 索 “king” 关 键 字 后 ， 界 面 效 果 如 图 8-19 所 示 。 
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图 8-19 ”具有 子 标题 的 IMDb 界面 


8.5. 自 定义 label 字 体 和 图 像 视图 


从 模拟 器 中 你 会 发 现 界面 中 每 个 label 的 样式 完全 相同 ， 看 上 去 不 是 很 “友好 ”， 通 过 下 面 的 几 个 步骤 ， 我 们 对 它 进行 美化 。 


步骤 1 在 ViewController 类 中 添加 一 个 新 的 方法 ， 代 码 如 下 : 


func formatLabels (firstLaunch: Bool) { 

var labelsArray = [self.titleLabel, self.subtitleLabel, 

self.releasedLabel, self.ratingLabel, self.plotLabel] 

if firstLaunch { 
for label in labelsArray 1 

label.text = "" 


for label in labelsArray 1 
label.textAlignment = .Center 
switch label 
case self.titleLabel: 

label.font = UIFont (name: "Kailasa", size: 23) 
case self.subtitleLabel: 
label.font = UIFont (name: "Kailasa", size: 20) 
case self.releasedLabel, self.ratingLabel: 

label.font = UIFont (name: "Kailasa", size: 16) 
case self.plotLabel: 
label.font = UIFont (name: "Kailasa", size: 12) 


default: 


label.font = UIFont (name: "Kailasa", size: 14) 


} 


在 该 方法 中 先 将 需要 设置 的 label 放 在 一 个 数组 里 面 ， 如 果 是 应 用 程序 第 一 次 运行 则 将 清空 label 的 内 容 。 然 后 依次 将 不 同 的 label 设 置 不 同 的 字体 和 字号 。 


步骤 2 ”修改 -viewDidLoad 方 法 ， 代 码 如 下 : 


override func viewDidLoad() { 
super.viewDidLoad.() 
self.apiController.delegate - self 
let tapGesture = UITapGestureRecognizer (target: self, action: "userTappedInView:") 
self.view.addGestureRecognizer (tapGesture) 
self.formatLabels (true) 


步骤 3 修改 -didFinishIMDbSearch: 方法 ， 代 码 如 下 : 


func didFinishIMDbSearch (result: Dictionary<String, String») { 
self.formatLabels (false) 
if let foundTitle = result["Title"] { 
self.parseTitleFromSubtitle (foundTitle) 


UllmageView 


图 8-20 ”修改 image view 的 大 小 


步骤 4 ”修改 ViewController 类 中 的 -formatlmageFromPath: 方法 如 下 面 这 样 : 


func formatImageFromPath (path: String) { 
var posterUrl = NSURL(string: path)! 


var posterlImageData = NSData(contentsOfURL: posterUrl) 
self.posterlmageView.layer.cornerRadius = 100.0 
self.posterlImageView.clipsToBounds = true 
self.posterlImageView.contentMode = .ScaleAspectFill 
self.posterlImageView.image = UIImage (data: posterlImageData) 
self.blurBackgroundUsingimage (self.posterlmageView.image!) 


在 该 方法 中 ， 我 们 设置 了 image view 的 圆 角 半 径 ， 这 样 让 图 像 看 上 去 像 个 圆 形 。 


构建 并 运行 应 用 程序 ， 效 果 如 图 8-21 所 示 。 


[| 


CIE Sumulator - irme ER - Prane g КБ 
 Cmnar 3:2 Deui 


The Lord of the Rings 
The Return of the King 


17 Dec 2003 
Plata 


图 8-21 IMDb 最 终 的 用 户 界面 


第 9 章 ”在 程序 中 获取 照片 


如 果 我 们 想 要 创建 一 个 相册 类 应 用 程序 ， 往 往 需要 使 用 Photos.framework 框 架 。 在 应 用 程序 中 ， 我 们 可 以 查看 iOs 的 “照片 ”应 用 程序 里 面 所 管理 的 相册 。 将 它们 “ 抓 取 ”到 自己 的 应 用 程序 中 ， 并 通 
过 表格 视图 或 集合 视图 呈现 给 用 户 。 


在 本 章 中 ， 我 们 除了 获取 照片 和 视频 以 外 ， 还 要 学 习 如 何 使 用 iPhone 的 摄像 头 ， 通 过 iOSs 系 统 内 置 的 照片 获取 器 来 拍照 ， 并 且 访 问 这 些 资源 的 详细 信息 。 本 章 我 们 要 用 所 学 到 的 知识 完成 一 个 Photos 
Gallery 项 目 ， 如 图 9-1 所 示 。 
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图 9-1 在 Photos Gallery 项 目 中 可 以 访问 、 获 取 “ 照 片 ” 应 用 程序 中 的 资源 并 查看 其 信息 


在 介绍 Photos.framework 框 架 之 前 ， 让 我 们 先 来 了 解 一 下 什么 是 框架 。 


框架 是 一 些 相关 类 的 集合 ， 我 们 可 以 将 其 添加 到 项 目的 Target 中 。 其 实 Cocoa Touch 就 是 所 有 框架 的 集合 。 使 用 框架 的 好 处 就 是 : 当 应 用 程序 需要 使 用 某 些 特殊 功能 (照片 获取 器 、 定 位 、 访 问 通讯 
、 日 程 提醒 和 播放 音 视 频 等 ) 的 时 候 ， 只 要 向 项 目 中 添加 相应 功能 的 框架 即 可 ， 以 避免 程序 产生 过 多 元 余 。 


一 般 的 iOS 项 目 都 会 包含 3 个 常用 框架 : UIKit.framework、Foundation.framework 和 Core-Graphics.framework。 
UIKitframework 除 了 具有 与 iOs 用 户 界 面相 关 的 类 以 外 ， 还 包含 了 丰富 特性 的 程序 设计 接口 ， 所 有 的 应 用 程序 项 目 都 会 包含 该 杠 
: 用 户 界 面 的 创建 与 管理 (textField, button, label, fonts £) ; 
* 应 用 程序 生存 期 管理 ; 


* 应 用 程序 事件 处 理 〈 用 户 点 击 屏幕 的 交互 事件 ) ; 


.无线 打印 ; 
数据 保护 和 数据 处 理 ; 
' 剪 切 、 复 制 和 粘贴 功能 ; 


: Web 和 文本 框 的 文字 内 容 呈 现 与 管理 ; 


架 


， 它 会 实现 下 面 的 


E 
| 


: 与 推送 通知 服务 器 结合 实现 通知 推送 ; 

. 重力 加 速 器 、 电 池 、 感 应 器 、 摄 像 头 和 照片 库 的 支持 ; 

:触摸屏 手势 识别 ; 

* 文件 共享 〈 让 存储 在 设备 上 的 应 用 程序 文件 通过 iTunes 分 享 的 能 力 ) ; 
. 基于 蓝牙 的 点 到 点 的 沟通 ; 

连接 扩展 显示 器 。 


Foundation.framework 为 所 有 的 应 用 程序 提供 基本 系统 服务 。UIKit 和 其 他 框架 都 是 建立 在 Foundation.framework 上 面 的 。Foundation.framework 利 用 对 Core Foundation (不 具有 面向 对 象 特 
性 ) 框架 中 许多 特性 进行 了 面向 对 象 的 封装 。Foundation.framework 会 实现 下 面 的 这 些 特性 : 


` 创建 和 管理 集合 类 ， 比 如 数组 和 字典 ; 


- 访问 存储 在 应 用 程序 里 的 图 片 和 其 他 资源 ; 


- 创建 日 期 和 时 间 对 象 ; 

:自动 发 现 IP 网 络 上 的 设备 ; 

. 操作 URL 流 ; 

° 执行 异步 代码 。 

CoreGraphics.framework 负 责 几 乎 所 有 在 iOS 屏 幕 上 进行 的 绘图 操作 。 在 创建 任何 界面 元 素 时 ，iOS 都 是 利用 CoreGraphics.framework 将 这 些 元 素 绘制 到 窗口 中 的 。 通 过 实现 和 重 载 Core Graphics 的 
方法 创建 自 定 义 的 界面 元 素 。 

除 上 面 这 3 个 框架 以 外 ， 针 对 Photos Gallery 项 目 ， 我 们 还 需要 添加 Photos.framework 框 架 ， 通 过 该 框架 可 以 获取 “照片 ”应 用 程序 中 的 相册 信息 。 

首先 ， 我们 需要 创建 一 个 全 新 的 应 用 程序 项 目 Photos Gallery， 选 择 Single View Application 模 板 。 

在 Targets 中 选择 Build Phases 标 签 ， 点 击 Link Binary With Libraries 中 左下 角 的 加 号 ， 在 弹出 的 对 话 框 中 会 出 现 所 有 可 用 的 Cocoa Touch 框 架 ， 选 择 Photos.framework 并 点 击 “Add” 按 钮 ， 如 图 9- 


2 所 示 。 


Спасая Tramewarke and libraries te add: 


a Photo e 


v EDS 8.0 


Fhotoa.franmeweork 


Phetesil.framewark 


Add Other... Cancel 


图 9-2 ”为 Photo Gallety 项 А 7 JuPhotos.framework4E 2& 


此 时 ，Photos.framework 会 出 现在 Link Binary With Libraries 和 项 目 导 航 之 中 。 在 项 目 导 航 中 展开 Photos.framework， 可 以 看 到 在 该 框架 中 所 声明 的 类 ， 如 图 9-3 所 示 。 在 接 下 来 的 项 目 设 计 过 程 
中 ， 我 们 就 会 用 到 这 些 类 。 
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图 9-3 ”在 项 目 导 航 中 查看 Photos.ftamewo 全 框架 中 所 声明 的 类 


9.2 ”搭建 项 目的 用 户 界面 


毋庸 置疑 ， 绝 大 部 分 的 用 户 界面 都 是 在 故事 板 中 搭建 完成 的 。 但 是 除 此 以 外 ， 我 们 还 要 借助 助手 编辑 器 创建 必要 视图 与 代码 类 的 1BOutlet、1BAction 以 及 各 种 委托 (比如 表格 视图 、 集 合 视图 的 


delegate 和 data source) 。 


9.2.1 搭建 用 己基 本 界面 

Single View Application 项 目 模 板 会 自动 生成 一 个 视图 场景 一 一 View Controller， 我 们 使 用 它 ， 通 过 集合 视图 来 呈现 从 各 种 途径 (“ 照 片 ”应 用 程序 或 摄像 头 ) 获取 的 照片 。 当 我 们 点 击 集合 视图 中 
的 某 个 单元 格 时 ， 还 要 跳 转 到 该 照片 的 详细 页 面 ， 因 此 我 们 还 需要 一 个 新 的 视图 场景 。 除 此 以 外 ， 还 需要 用 到 一 个 导航 控制 器 。 

步骤 1 在 项 目 导航 中 打开 Main.storyboard 文 件 ， 选 中 View Controller 场 景 ， 在 菜单 中 选择 “Editor 一 Embed In Navigation Controller” 为 项 目 添 加 导航 控制 器 。 

步骤 2 ”从 对 象 库 中 拖 岛 一 个 新 的 View Controller 到 故事 板 中 View Controller 场 景 的 右 侧 。 


步骤 3 ”从 对 象 库 中 拖 曙 一 个 Collection View 到 左 侧 的 View Controller 场 景 里 面 ， 使 它 充满 整个 屏幕 。 有 趣 的 是 ， 即 使 Collection View 的 一 部 分 被 导航 栏 所 遮挡 ， 它 内 部 的 Collection View Cell 还 是 
会 很 “聪明 ”地 停靠 在 导航 栏 的 下 面 ， 如 图 9-4 所 示 。 


图 9-4 在 故事 板 中 添加 新 的 视图 场景 和 集合 视图 


步骤 4 在 大 纲 视图 里 面 选中 Collection View， 然 后 在 属性 检视 窗 中 将 其 Background 设 置 为 White Color。 再 选中 里 面 的 Collection View Cell， 在 大 小 检视 窗 中 将 Collection View Cell 部 分 中 的 Size 
设置 为 Custom， 然 后 将 Width 和 Height 的 值 均 修改 为 105， 如 图 9-5 所 示 。 
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89-5 Я Ж 3X Collection View Cell 的 宽度 和 高 度 值 


步骤 5 保持 Collection View Cell 被 选中 的 状态 ， 在 属性 检视 窗 中 将 Collection Reusable View 部 分 中 的 Identifier 设置 为 PhotoCell。 再 从 对 象 库 中 拖 电 一 个 Image View 到 这 个 Cell 之 中 ， 并 让 其 大 小 
充满 整个 Cell。 


步骤 6 ”从 大 纲 视图 中 选择 Collection View (在 场景 中 选中 Collection View 比 较 困难 ) ， 在 大 小 检视 窗 中 的 Collection View 部 分 ， 将 Cell Size 的 Width 和 Height 值 均 设 置 为 105。 


我 们 一 共 在 两 个 地 方 设置 了 Cell 的 宽度 和 高 度 : 一 个 是 场景 中 的 Collection View 里 面 的 Collection View Cell， 这 是 设置 当前 的 视图 元 素 ; 另 一 个 是 场景 中 的 Collection View， 这 是 用 来 设置 该 视图 中 
以 后 添加 进来 的 Collection View Cell 对 象 。 


步骤 7 选中 故事 板 中 的 导航 控制 器 ， 在 属性 检视 窗 的 Navigation Controller 部 分 勾 选 Shows Toolbar。 此 时 ， 与 导航 控制 器 关联 的 左 侧 View Controller 场 景 的 底部 也 会 出 现 工 具 栏 ， 如 图 9-6 所 示 。 
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图 9-6 为 导航 控制 器 添加 工具 栏 功能 
步骤 8 点 击 左 侧 View Controller 顶 部 的 导航 栏 ， 在 属性 检视 窗 中 将 Navigation Item 部 分 的 Title 设 置 为 照片 集 。 
在 Photos Gallery 项 目 中 ， 当 用 户 点 击 集合 视图 的 某 张 照 片 时 ， 要 退出 该 照片 的 详细 页 面 ， 所 以 需要 建立 从 Collection View Cell 到 右 侧 View Controller 的 过 渡 。 


步骤 9 ”在 大 纲 视图 中 右键 按 住 Collection View Cell-PhotoCell， 然 后 将 其 拖 岛 至 故事 板 右 侧 的 View Controller 上 面 ， 如 图 9-7 所 示 。 在 面板 中 选择 Show 后 ， 该 控制 器 场景 也 出 现 了 导航 栏 和 工具 栏 。 
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图 9-7 创建 Collection View Cell Ж 4t View Controller it g 


接 下 来 我 们 需要 设置 右 侧 View Controller 的 导航 信息 ， 在 点 击 该 场景 的 导航 栏 以 后 ， 属 性 检视 窗 中 并 没有 出 现 之 前 的 那个 Title 属 性 ， 这 是 因为 我 们 还 没有 设置 它 的 Navigation Item 属性 。 


9.22 ”导航 栏 控制 器 的 Navigation Item 

UINavigationltem 对 象 用 于 管理 导航 栏 中 的 按钮 和 视图 。 当 我 们 使 用 导航 控制 器 管理 多 个 视图 控制 器 时 ， 每 个 被 推送 到 导航 栈 中 的 视图 控制 器 都 必须 包含 UINavigationltem 对 象 ， 并 且 通 过 该 对 象 在 
导航 栏 中 显示 必要 的 按钮 和 视图 。 

此 时 ， 如 果 想 仿照 上 面 的 操作 修改 故事 板 中 右 侧 View Controller 的 导航 栏 标 题 ， 这 是 一 件 不 可 能 完成 的 事情 ， 因 为 我 们 还 没有 为 该 控制 器 添加 Navigation Item, 


步骤 1 打开 故事 板 ， 从 对 象 库 中 拖 蝶 Navigation Item 到 右 侧 的 View Controller 中 ， 修 改 标题 为 “全 幅 图 像 ”， 如 图 9-8 所 示 。 


图 9-8 ”为 View Controller Ju Navigation Item 


步骤 2 MIAE Bar Button Item 到 “全幅 图 像 ”导航 栏 内 部 的 左 侧 ， 在 属性 检视 窗 中 将 Bar Button Item 部 分 的 Identifier 设置 为 Cancel。 再 拖 遇 一 个 Bar Button Item 到 “全幅 图 像 ”底部 工具 
栏 内 部 的 左 侧 ， 将 其 ldentifier 设 置 为 Action。 继 续 拖 遇 一 个 新 的 Bar Button Item 到 工具 栏 里 面 ， 将 其 Identifier 设置 为 Trash。 最 后 ， 从 对 象 库 中 拖 遇 一 个 Flexible Space Bar Button Item 到 工具 栏 中 的 两 
个 按钮 之 间 ， 如 图 9-9 所 示 。 
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图 9-9 “全 幅 图 像 ” 的 用 户 界面 


在 步骤 2 的 操作 中 ， 一 共 添 加 了 3 个 Bar Button ltem，1 个 在 导航 栏 中 ， 另 外 2 个 在 工具 栏 中 。 我 们 还 使 用 了 Flexible Space Bar Button ltem 将 2 个 Bar Button ltem 分 开 足 够 大 的 距离 ， 但 是 在 应 用 程 
序 运行 的 时 候 ， 它 是 不 会 出 现在 屏幕 上 的 。 


步骤 3 ”从 对 象 库 中 拖 忠 一 个 Image View 到 “全 幅 图 像 ” 中 ， 使 其 充满 整个 场景 。 


步骤 4 选中 照片 集 场景 ， 在 其 导航 栏 内 部 的 右 侧 添加 一 个 Bar Button ltem， 设 置 Ildentifier 为 Camera。 再 添加 一 个 到 工具 栏 的 左 人 出， 设置 ldentifier 为 Organize， 如 图 9-10 所 示 。 
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图 9-10 “为 照片 集 场景 添加 两 个 Bar Button Item 


为 了 能 够 更 好 地 理解 Navigation ltem， 我 们 就 用 现实 生活 中 的 例子 来 说 明 一 下 。 当 你 在 收看 电视 节目 的 时 候 ， 每 一 个 电视 频道 都 相当 于 一 个 View Controller， 位 于 屏幕 左上 角 的 电视 台 台 标 就 是 由 
Navigation Item 所 提供 的 。 当 我 们 使 用 遥控 器 切换 电视 频道 的 时 候 ， 就 相当 于 将 不 同 的 View Controller 放 到 导航 控制 器 的 最 顶端 。 当 某 一 个 View Controller 位 于 最 上 层 的 时 候 ， 它 的 Navigation Item 
的 信息 就 会 显示 在 电视 屏幕 的 左上 角 。 


9.2.3 ”为 Photos Gallery 项 目 建立 关联 


在 创建 好 用 户 界 面 以 后 ， 还 要 对 视图 元 素 与 代码 间 建 立 IBOutlet 和 |BAction 关 联 ， 实 现 用 户 界 面 与 控制 器 之 间 的 互动 。 


步骤 1 在 项 目 导 航 中 创建 一 个 新 的 Cocoa Touch Class 文 件 ，Class 为 PhotoView Controller， 将 Subclass of 设置 为 UIViewController。 在 故事 板 中 选中 “全 幅 图 像 ” 场 景 ， 在 标识 检视 窗 中 将 Class 


设置 为 PhotoViewController。 


步骤 2 将 Xcode 切换 到 助手 编辑 器 模式 ， 为 “全 幅 图 像 ” 场 景 中 的 Cancel、Action 和 Trash 按 钮 建立 |BAction 关 联 ， 方 法 名 称 分 别 为 : -cancelClick: 、-actionClick: 和 -trashClick: 。 然 后 在 - 
cancelClick: 方法 中 添加 下 面 的 代码 : 


QIBAction func cancelClick(sender: UIBarButtonItem) { 
self.navigationController?.popToRootViewControllerAnimated (true) 


在 设置 1BAction 关 联 的 时 候 ， 你 可 以 指定 Type 为 UIBarButtonltem ， 因 为 激活 这 3 个 方法 的 视图 元 素 是 Bar Button ltem 类 型 ， 这 完全 取决 于 程序 员 的 个 人 爱好 。 


步骤 3 ”继续 将 “全幅 图 像 ”场景 中 的 image view 建 立 IBOutlet 关 联 ， 名 称 为 imageView。PhotoViewController.swift 的 代码 如 下 : 


import UIKit 

class PhotoViewController: UlViewController { 
GIBOutlet weak var imageView: UIImageView! 
override func viewDidLoad() { 
super.viewDidLoad() 


} 
override func didReceiveMemoryWarning() { 
super.didReceiveMemoryWarning () 


} 

QIBAction func cancelClick(sender: UIBarButtonItem) í 
self.navigationController?.popToRootViewControllerAnimated (true) 
} 

QIBAction func actionClick(sender: UIBarButtonItem) { } 
QIBAction func trashClick(sender: UIBarButtonItem) { } 


步骤 4 为 照片 集 场景 中 的 Camera 和 Organize 创 建 |BAction 关 联 ， 方 法 名 称 分 别 为 -cameracClick: 和 -photoAlbumClick: 。 再 将 场景 中 的 Collection View 创 建 |BOutlet 关 联 ， 名 称 为 
collectionView。ViewController.swift 文 件 的 代码 如 下 : 


import UIKit 

class ViewController: UIViewController { 
@IBOutlet weak var collectionView: UICollectionView! 
override func viewDidLoad() { 

super.viewDidLoad() 


} 
override func didReceiveMemoryWarning() { 
super.didReceiveMemoryWarning () 


} 
QIBAction func cameraClick (sender: UIBarButtonItem) { } 
QIBAction func photoAlbumClick(sender: UIBarButtonItem) { } 


为 了 能 够 让 ViewController 控 制 器 与 集合 视图 之 间 发 生 关 系 (delegate 和 data source) ， 还 要 在 故事 板 中 设置 集合 视图 的 委托 。 


步骤 5 ”选中 故事 板 中 的 View Controller 场 景 ， 在 Collection View 上 面 右 击 ， 在 弹出 的 面板 中 按 住 delegate 右 边 的 圆圈 ， 然 后 将 其 拖 擅 至 场景 顶部 的 View Controller 图 标 上 面 ， 如 图 9-11 所 示 。 对 
data source 也 采取 同样 的 操作 。 


步骤 6 打开 ViewControllerswift 文 件 ， 添 加 集合 视图 相关 协议 的 声明 ， 代 码 如 下 : 


class ViewController: UlViewController, UlCollectionViewDelegate, UlCollection-ViewDataSource, UlCollectionViewDelegateFlowLayout í 
QGIBOutlet weak var collectionView: UlCollectionView! 


Collection View 
Outlets 
dataSourca x ШЕШ 
rialagata 
Outlet Collections 
gestureHecognizers 
Referencing Outlets 
pollactionview x РШ 


Mew HReferencing Outlet 
Referencing Outlet Collections 
Haw Катеин т Gelaat 


图 9-11 为 View Controller 控 制 器 添加 集合 视图 的 delegate 委 托 


步骤 7 在 新 添加 的 UICollectionViewDataSource 协 议 上 面 按 住 Command 键 并 点 击 鼠 标 ， 可 以 看 到 该 协议 的 声明 代码 ， 从 中 可 以 看 到 有 两 个 必须 实现 的 方法 。 将 其 复制 到 ViewController 类 中 并 实现 
相关 的 代码 : 


func collectionView(collectionView: UlCollectionView, numberOfltemsInSection section: Int) -> Int{ 
return 1 


cell 


UICollectionViewCell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier, for 


llectionView(collectionView: UlCollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCellí 
reuseIdentifier = "PhotoCell" 


ForlIndexPath: indexPath) as UlCollectionViewCell 


cell.backgroundColor = UIColor.redColor () 
return cell 


这 里 我 们 只 为 集合 视图 创建 一 个 单元 格 对 象 ， 并 且 将 这 个 单元 格 的 背景 色 设置 为 红色 。 


构建 并 运行 应 用 程序 ， 当 点 击 集合 视图 中 的 红色 单元 格 以 后 ， 会 过 渡 到 全 幅 图 像 控 制 器 ， 上 点击 “Cancel” 按 钮 以 后 则 会 返回 到 照片 集 控制 器 ， 运 行 效果 如 图 9-12 所 示 。 
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图 9-12 用户 界面 搭建 完成 后 的 运行 效果 


9.3 完成 Photos Gallery 项 目的 逻辑 代码 


接 下 来 ， 我 们 要 在 ViewController 类 中 管理 照片 集 数 据 ， 这 需要 借助 Photos.framework 框 架 中 的 PHAssetCollection 类 。 


9.3.1 ”使 用 PHAssetCollection 管 理 照片 集 


步骤 1 


在 ViewController.swift 文 件 中 导入 Photos.framework 框 架 ， 并 且 按 下 面 这 样 修改 -viewDidLoad 方 法 : 


iOS Simulator - iPhone 5a - iPhone 55 / 105 B.... 


// 导入 Photos .framework 框 架 
import Photos 


// 自 定义 的 照片 集 名 称 


ViewController: UIViewController, UICo] 


ICollectionViewDelegateFlowLayout í 


lectionViewDelegate, UICollection-ViewDataSource, U 


ectionView! 


let albumName = "Photos Gallery" 

class 
@IBOutlet weak var collectionView: UIColl 
override func viewDidLoad() { 


super.viewDidLoad() 


e 


t fetchOptions 


Le 


le 


= PHFetchOptions () 


tchOptions.predicate = 


t collection = 


NSPredicate (format: 


"title = $80", albumName) 


PHAssetCollection.fetchAssetCollectionsWithType ( 
PHAssetCollectionType.Album, subtype: .Any, 
options: fetchOptions) 


Eis. 


f collection.firstObject !- nil ( } 


在 上 面 的 这 段 代 码 中 ， 我 们 先导 入 了 Photos 框 架 ， 然 后 定义 了 一 个 albumName 常 量 , 该 常量 存储 了 一 个 自 定 义 的 照片 集 名 称 ， 该 照片 集会 出 现在 iOS 系 统 的 “照片 ”应 用 程序 中 以 供 使 用 者 查看 。 


在 -viewDidLaod 方 法 中 ， 我 们 首先 创建 一 个 PHFetchOptions 对 象 。 当 我 们 通过 PHAsset、PHCollection、PHAssetCollection 或 PHAssetCollectionList 类 中 的 方法 获取 照片 的 时 候 ， 会 使 用 
PHFetchOptions 对 象 设置 一 些 可 选项 。 这 里 设置 了 一 个 断言 ， 用 于 指定 过 滤器 的 条 件 ， 当 前 设置 的 是 查找 iOS 系 统 的 “照片 ”应 用 程序 中 相 秒 里 面 名 称 为 Photos Gallery 的 照片 集 。 


PHAssetCollection 类 的 -fetchAssetCollectionsWithType: subtype: options: 方法 用 于 获取 相 簿 中 指定 类 型 和 子 类 型 的 数据 对 象 。type 参 数 是 PHAssetCollectionType 类 型 的 结构 体 ， 它 可 以 是 照 
片 集 (Album) 或 最 近 添 加 (Moment) 。subtype 是 一 个 子 类 型 ， 它 可 以 是 在 “照片 ”应 用 程序 中 创建 一 个 照片 集 (AlbumRegular) ， 从 iPhoto 到 iOS 设 备 的 同步 事件 (AlbumSyncedEvent) 等 。 这 里 
我 们 设置 的 是 Any， 它 是 一 个 位 掩 码 ， 代 表 所 有 可 能 的 subtype， 在 获取 照片 集 的 时 候 ， 我 们 通常 会 设置 为 Any。 该 方法 中 的 最 后 一 个 参数 就 是 我 们 刚刚 创建 的 获取 可 选项 。 


执行 该 方法 以 后 会 返回 一 个 PHFetchResult 类 型 的 对 象 ， 其 中 包含 了 欲 获取 的 照片 集 的 有 序列 表 ， 如 果 未 成 功 获取 照片 集 则 返回 nil。 


步骤 2 ”在 ViewController 类 中 声明 两 个 实例 变量 ， 代 码 如 下 : 


// 相 敌 中 是 否 存 在 指定 名 称 的 照片 集 
var albumFound: Bool = false 
// 获取 的 照片 集 对 象 


var assetCollection: PHAssetCollection! 


var photoAsset: PHFetchResult! 


步骤 3 ”继续 修改 -viewDidLoad 人 方法， 添加 下 面 加 粗 部 分 的 内 容 : 


override func viewDidLoad() { 
super.viewDidLoad() 
let fetchOptions = PHFetchOptions|() 


fetchOptions.predicate = NSPredicate (format: "title = $Q", 
albumName) 
let collection - 
PHAssetCollection.fetchAssetCollectionsWithType ( 
PHAssetCollectionType.Album, subtype: .Any, 
options: fetchOptions) 
if collection.firstObject !- nil { 
self.albumPFound = true 
self.assetCollection = collection.firstObject as 
PHAssetCollection 
Jelse { 


println ("照片 集 :\ (albumName) PFE, SEGUE") 
PHPhotoLibrary.sharedPhotoLibrary ().performChanges (1 
let request = PHAssetCollectionChangeRequest. 
creationRequestForAssetCollectionWithTitle (albumName) 
|, completionHandler: { (success: Bool, error: NSError!) in 


if error != nil { 

println ("照片 集 创建 失败 !") 
Jelse í 

println ("照片 集成 功 创建 !") 


self.albumFound = success 


在 该 方法 中 ， 如 果 我 们 从 相 筹 中 获取 指定 名 称 照 片 集 ， 让 实例 变量 albumFound 为 true， 并 将 照片 集 对 象 赋值 给 assetCollection 实 例 变量 。 
如 果 没 有 获取 指定 照片 集 ， 则 需要 在 相 簿 中 创建 一 个 。 在 相 簿 中 创建 照片 集 需要 使 用 PHPhotoLibrary 类 。 


PHPhotoLibrary 类 对 象 代表 用 户 的 照片 库 ， 它 可 以 管理 “照片 ”应 用 程序 中 所 有 的 资源 和 照片 集 。 包 括 在 本 地 设备 或 云端 的 照片 存储 ， 编 辑 资源 的 Metadata 或 内 容 ， 插 入 新 的 资源 ， 或 者 对 照片 集 进 
行 排序 等 。 这 里 ， 我 们 需要 通过 它 来 创建 一 个 新 的 照片 集 。 要 想 创建 新 的 照片 集 ， 我 们 还 需要 使 用 shared photo library 执 行 一 段 变 更 代码 块 。 在 上 面 的 方法 中 ， 我 们 是 这 样 实现 的 : 


PHPhotoLibrary.sharedPhotoLibrary () 


上 述 代码 会 返回 一 个 单 例 的 photo library 对 象 。 当 获取 photo library 对 象 以 后 ， 我 们 再 通过 -performChanges: completionHandler: 方法 创建 照片 集 并 得 到 反馈 信息 。 在 Swift 中 ， 该 方法 的 语法 如 
下 : 


func performChanges(  changeBlock: dispatch block t!, 


completionHandler completionHandler: ((Bool, NSError!) -» Void)!) 


该 方法 会 以 异步 的 方式 运行 更 改 需求 (request change) 代码 块 来 实现 对 相 短 的 更 改 。 其 中 changeBlock 是 需要 执行 的 更 改 需求 代码 块 ， 它 既 没 有 参数 也 没有 返回 值 。completionHandler 则 是 在 更 改 
代码 被 执行 ， 是 修改 相 簿 以 后 所 执行 的 代码 块 。 它 有 两 个 参数 ，success 代 表 相 簿 被 成 功 修改 ， 如 果 发 生 错 误 ， 则 通过 一 个 NSError 对 象 对 错误 进行 详细 描述 ， 否 则 就 是 nil。 


在 changeBlock 块 中 ， 我 们 通过 下 面 的 代码 来 生成 更 改 需求: 


let request = PHAssetCollectionChangeRequest.creationRequestFor 
AssetCollectionWithTitle (albumName) 


使 用 PHAssetCollectionChangeRequest 对 象 可 以 创建 、 删 除 和 修改 照片 集 (PHAsset Collection) 对 象 ， 它 需要 使 用 下 面 不 同 的 类 方法 : 
- 38 JI] -creationRequestForAssetCollectionWithTide: 方法 可 以 创建 一 个 新 的 照片 集 。 
- 调用 -deleteAssetCollections: 可 以 删除 现 有 的 一 个 照片 集 。 
- 调用 -changeRequestForAssetCollection: 或 -changeRequestForAssetCollection: assets: 可 以 修改 照片 集 的 metadata 信 息 或 列表 。 
在 上 面 的 代码 中 ， 我 们 要 在 相 短 中 创建 一 个 标题 为 albumName 的 照片 集 。 
当 changeBlock 执 行 完成 以 后 ， 我 们 会 将 执行 成 功 与 否 的 值 存储 在 albumFound 实 例 变量 中 。 


构建 并 运行 应 用 程序 ， 如 果 该 项 目 是 第 一 次 运行 ， 则 会 出 现 是 否 允 许 访问 照片 应 用 程序 的 警告 提示 ， 点 击 “ 人 允许 ”按钮 以 后 Photos Gallery 会 自动 创建 一 个 新 的 照片 集 ， 如 图 9-13 所 示 。 
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图 9-13 “照片 ”应 用 程序 中 的 相 簿 标签 中 可 以 看 到 新 创建 的 Photos Gallery 照 片 集 


图 9-13 左 侧 打 开 的 是 模拟 器 中 “照片 ”应 用 程序 的 界面 ， 当 项 目 在 模拟 器 中 运行 以 后 ， 从 菜单 中 选择 “Hardware 一 Home” 使 系统 返回 主屏 幕 ， 然 后 进入 “照片 ”应 用 程序 并 点 击 其 下 方 的 相 簿 标签 ， 
在 列表 中 可 以 发 现 刚 刚 创 建 的 Photos Gallery 照 片 集 


9.3.2 ”获取 照片 集中 的 照片 


当 我 们 获取 照片 集 (PHAssetCollection) 对 象 以 后 ， 就 可 以 通过 它 得 到 其 中 所 存储 的 照片 ， 并 将 这 些 照片 呈现 在 集合 视图 之 中 。 


步骤 1 在 ViewController.swift 文 件 中 添加 -viewWillAppear: 方法 ， 代 码 如 下 : 


override func viewWillAppear (animated: Bool) { 
// 从 照片 集中 获取 照片 
self.navigationController?.hidesBarsOnSwipe = false 
self.photoAsset = PHAsset.fetchAssetsInAssetCollection 

(self.assetCollection, options: nil) 

self.collectionView.reloadData () 


通过 PHAsset 类 中 的 类 方法 -fetchAssetsinAssetCollection: options: 可 以 获取 指定 照片 集中 的 所 有 照片 对 象 (PHAsset 类 型 的 对 象 ) ， 这 些 PHAsset 类 型 的 对 象 包含 在 PHFetchResult 对 象 中 。 然 
我 们 通过 UlCollectionView 类 的 -reloadData 方 法 刷新 集合 视图 。 


m 


步 又 2 修改 之 前 的 -collectionView: numberOfltemslnSection: 方法 如 下 : 


func collectionView (collectionView: UICollectionView, 
numberOfltemsInSection section: Int) -> Int{ 
return self.photoAsset.count 


指定 集合 视图 中 的 单元 格 数量 为 指定 照片 集中 照片 的 数量 。 
接 下 来 ， 我 们 需要 在 集合 视图 的 单元 格 中 显示 获取 的 照片 ， 因 此 创建 一 个 自 定 义 的 单元 格 类 。 


步骤 3 创建 一 个 新 的 Cocoa Touch Class 文 件 ， 类 名 称 为 PhotoThumbnail，Subclass 为 UICollectionViewCell。 然 后 打开 故事 板 ， 将 集合 视图 中 单元 格 的 Class 设 置 为 Photo Thumbnail。 接 着 ， 为 
单元 格 中 的 Image View 创 建 一 个 IBOutlet 关 联 ， 名 称 为 ImageView。 最 后 在 PhotoThumbnail 类 中 添加 一 个 新 的 方法 ， 代 码 如 下 : 


func setThumbnaillmage (thumbnaillmage: UIImage) { 
self.imageView.image = thumbnaillmage 


) 


到 目前 为 止 ， 集 合 视图 的 单元 格 已 经 准备 就 绪 ， 接 下 来 就 需要 我 们 在 ViewController 控 制 器 中 设置 这 些 单元 格 了 。 


步骤 4 打开 ViewController.swift 文 件 ， 按 下 在 这 样 修改 -collectionView: cellForltemAtIndex Path: 方法 : 


func collectionView(collectionView: UlCollectionView, cellForlItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCellí 
let reuseldentifier = "PhotoCell" 

let cell: PhotoThumbnail = 

collectionView. dequeueReusableCel] |IWithReuseIdentifier 

(reuseIdentifier, For] [ndexPath: indexPath) as PhotoThumbnail 

let asset: PHAsset = self.photoAsset[indexPath.item] as PHAsset 

PHImageManager.defaultManager ().requestlImageForAsset (asset, 

targetSize: PHImageManagerMaximumSize, 
contentMode: .AspectFill, options: nil, 
resultHandler: ((result: UlImage!, info: Dictionary!) in 
cell.setThumbnaillmage (result) 


}) 
cell.backgroundColor = UIColor.redColor () 


return cell 


因为 之 前 在 故事 板 中 为 集合 视图 的 单元 格 关联 了 自 定义 的 PhotoThumbnail 娄 ， 所 以 在 该 方法 中 我 们 将 从 可 复 用 单元 格 池 中 获取 的 对 象 强制 为 PhotoThumbnail。 
接 下 来 ， 通 过 indexPath 的 item 属 性 ， 从 photoAsset 实 例 变 量 中 取出 相应 的 PHAsset 类 型 的 照片 信息 。 


要 想 获 取 照 片 集 中 的 每 张 照 片 ， 我 们 还 需要 借助 PHImageManager 类 。PHImage Manager 对 象 提供 了 读 取 PHAsset 对 象 中 照片 或 视频 数据 的 方法 ， 使 用 这 些 方法 可 以 获取 全 幅 大 小 的 照片 或 缩 略 图 ， 
以 及 可 供 播放 、 导 入 和 维护 的 视频 对 象 。 


因为 PHImageManager 类 是 单 例 模 式 ， 所 以 我 们 需要 通过 -defaultManager 类 方法 获取 PHImageManager 类 的 对 象 。 然 后 使 用 -requestlmageForAsset: targetSize: contentMode: options: 
resultHandler: 方法 获取 使 用 HPAsset 对 象 中 的 图 像 。 其 中 asset 是 我 们 想 要 获取 图 像 的 PHAsset 对 象 。targetSize 是 返回 图 像 的 大 小 。contentMode 是 一 个 可 选项 ， 用 于 设 定 图 像 所 适应 的 长 宽 比 ， 它 是 
一 个 PHImageContentMode 类 型 的 结构 体 。options 也 是 一 个 可 选项 ， 指 定 “ 照 片 ”应 用 程序 如 何 处 理 请 求 、 图 像 的 格式 、 通 知 图 像 处 理 的 进度 或 错误 等 。 当 图 像 载 入 完成 时 ， 会 执行 resultHandler 中 的 
代码 块 ， 它 提供 了 图 像 数据 和 相关 的 信息 。 该 代码 块 有 两 个 参数 : result 和 info，result 是 请 求 获取 的 图 像 ，info 是 一 个 Dictionary 类 型 的 对 象 ， 包 含 了 请 求 的 状态 信息 。 


到 目前 为 目 ， 我 们 对 ViewController 类 的 集合 视图 已 经 构建 完毕 ， 应 该 可 以 进行 测试 了 。 但 是 如 果 你 运行 项 目 ， 程 序 代码 会 报错 并 终止 运行 ， 因 为 代码 中 还 没有 对 Photos Gallery 中 无 照片 的 情况 加 以 
判断 和 处 理 。 所 以 在 构建 并 运行 应 用 程序 之 前 ， 我 们 还 要 对 iOs 模 拟 器 添加 一 些 照片 资源 。 


步骤 5 在 菜单 中 选择 “Xcode 一 Open Developer Tool>iOS Simulator” 打 开 iOS 模 拟 器 。 然 后 打开 “照片 ”应 用 程序 并 将 照片 资源 拖 蝶 进 模拟 器 中 。 最 后 在 相 簿 中 新 建 一 个 照片 集 Photos Gallery, 


将 刚才 的 照片 添加 进来 ， 如 图 9-14 所 示 。 
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图 9-14 在 “上 照片 ”应 用 程序 的 相 簿 里 面 创建 Photos Gallety 照 片 集 并 添加 照片 


Qus 在 模拟 器 中 的 哪个 设备 上 添加 的 照片 集 ， 运 行 时 也 要 选择 相应 的 设备 运行 ， 否 则 程序 会 找 不 到 Photos Galery K H R, PRZ K 
步骤 6 ”打开 模拟 器 中 的 “设置 ”应 用 程序 ， 找 到 最 下 面 的 Photos Gallery 应 用 设置 ， 将 隐私 中 的 照片 开关 打开 ， 否 则 Photos Gallery 应 用 无 法 访问 “照片 ”应 用 程序 。 


如 果 在 设置 中 没有 发 现 Photos Gallery 设 置 ， 可 以 在 ViewController 类 中 的 -viewDidLoad 方 法 前 面 的 灰色 沟 槽 中 点 击 鼠标 ， 添 加 一 个 断 点 ， 运 行 项 目的 时 候 会 提示 是 否 允 许 访问 “照片 ”应 用 程序 ， 点 
d "ОК" 按钮 即 可 ， 如 图 9-15 所 示 。 


"Photos Gallery" Would Like 
lo Access Your Photos 


图 9-15 “点击 “OO 多 ”按钮 允许 Photos Gallery 访 问 “照片 ”应 用 程序 


构建 并 运行 应 用 程序 ， 运 行 效果 如 图 9-16 所 示 。 
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图 9-16 Photos Gallety 项 目的 运行 效果 


9.3.3 ”完善 PhotoViewController 控 制 器 


当 我 们 在 点 击 集合 视图 的 单元 格 以 后 ， 屏 幕 会 过 渡 到 PhotoViewController 控 制 器 ， 下 面 我 们 要 完成 该 控制 器 的 相关 功能 。 
步骤 1 在 故事 板 中 选择 从 照片 集 到 全 幅 过 渡 的 segue， 在 属性 检视 窗 中 将 Identifier 设置 为 viewLargePhoto。 


步骤 2 ”在 PhotoViewController 类 中 添加 3 个 实例 变量 ， 代 码 如 下 : 


import UIKit 
import Photos 
class PhotoViewController: UlViewController { 


GIBOutlet weak var imageView: UllmageView! 

var assetCollection: PHAssetCollection! // 照片 集 对 象 

var photoAsset: PHFetchResult! // 照片 集中 所 有 照片 的 集合 
var index: Int = 0 // 照片 在 照片 集中 的 位 置 


步骤 3 ”在 ViewController 类 中 添加 -prepareForSegue: sender: 方法 ， 代 码 如 下 : 


override func prepareForSegue (segue: UlStoryboardSegue, sender: AnyObject!) { 

if segue.identifier == "viewLargePhoto" { 

let controller = segue.destinationViewController as 

PhotoViewController 

let indexPath: NSIndexPath = self.collectionView. 
indexPathForCell (sender as UICollectionViewCell)! 

controller.index = indexPath.item 

controller.photoAsset = self.photoAsset 

controller.assetCollection = self.assetCollection 


куз 


步骤 4 修改 ViewController 类 中 的 -viewWillAppear: 方法 如 下 面 这 样 : 


override func viewWillAppear (animated: Bool) { 
self.navigationController?.hidesBarsOnTap - true 


self.displayPhoto() 


} 
func displayPhoto () { 
let imageManager = PHImageManager.defaultManager () 
var ID = imageManager.requestlmageForAsset 
(self.photoAsset[self.index] as PHAsset, 
targetSize: PHImageManagerMaximumSize, 
contentMode: PHImageContentMode.AspectFill, options: nil, 
resultHandler: ( (result: UIImage!, info: Dictionary!) in 
self.imageView.image = result 


f£-viewWillAppear: 方法 中 ， 我 们 将 导航 栏 设置 为 点 击 时 隐藏 ， 然 后 再 通过 -displayPhoto 方 法 从 照片 集中 获取 指定 的 照片 。 


在 获取 照片 的 时 候 使 用 了 PHImageManager 类 的 -requestlmageForAsset: target Size: contentMode: options: resultHandler: 方法 ， 在 前 面 我 们 已 经 介绍 了 该 方法 。 在 获取 指定 图 像 以 后 ， 我 
们 将 其 赋值 给 imageView 的 image 属 性 。 


步 又 5 修改 ViewController 类 中 的 -collectionView: numberOfltemslInSection: 方法 如 下 面 这 样 : 


-collectionView:numberOfItemsInSection: 方 法 如 下 面 这 样 : 
func collectionView(collectionView: UlCollectionView, numberOfltemsInSection section: Int) -> Int{ 


var count = 0 
if self.photoAsset !- nil ( 
count = self.photoAsset.count 


) 


return count 


在 该 方法 中 ， 我 们 通过 if 语句 来 防止 照片 集中 没有 照片 资源 而 出 现 的 运行 衣 省 现象 。 


构建 并 运行 应 用 程序 ， 在 点 击 集合 视图 中 某 个 单元 格 以 后 ， 会 在 全 幅 图 像 控制 器 中 呈现 该 照片 的 全 图 。 我 们 还 可 以 通过 点 击 照片 来 隐藏 或 显示 导航 栏 和 工具 栏 ， 如 图 9-17 所 示 。 
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图 9-17 点击 照片 以 后 会 隐藏 和 显示 导航 栏 和 工具 栏 
接 下 来 ， 我 们 还 需要 对 前 面 的 两 个 视图 进行 用 户 界 面 美化 ， 让 它 看 起 来 不 会 让 用 户 感觉 奇怪 。 


步骤 6 在 故事 板 中 选中 照片 集 场景 中 的 集合 视图 ， 然 后 打开 画布 右 下 角 的 定位 图 标 。 去 掉 Constraint to margins 前 面 的 钩 选 ， 然 后 将 top、bottom、left 和 right 都 设置 为 0， 如 图 9-18 所 示 。 再 选中 全 
幅 图 像 中 的 Image View， 然 后 用 之 前 的 方法 同样 为 Image View 的 top、bottom、left 和 right 添 加 4 个 0 值 约束 。 继 续 选 中 Image View， 在 属性 检视 窗 中 将 Model 设 置 为 Aspect Fit, 
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图 9-18 为 集合 视图 添加 top、bottom、left 和 fight4 个 约束 


步骤 7” 在 ViewController 类 中 添加 UICollectionViewDelegateFlowLayout 协 议 的 两 个 可 选 方法 ， 代 码 如 下 : 


func collectionView(collectionView: UICollectionView, layout 
return 4 

} 

func collectionView(collectionView: UICollectionView, layout 
return 1 


构建 并 运行 应 用 程序 ， 效 果 如 图 9-19 所 示 。 


9.34 完成 PhotoViewController 的 交互 


CO] 


co] 


lection-ViewLayout: U 


lection-ViewLayout: U 


ICollectionViewLayout, minimumLineSpacingForSectionAt 


ICo] 


Index section: 


Int) 


[ndex section: 


lectionViewLayout, minimumInteritemSpacingForSectionAt] 


当 PhotoViewController 的 视图 呈现 在 屏幕 上 以 后 ， 还 有 3 个 可 交互 的 Bar Button Item 元 素 。 接 下 来 ， 我 们 就 需要 完成 它们 的 逻辑 代码 。 
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图 9-19 ”界面 调整 后 的 Photos Gallery3& 43 Ж Ж 


步骤 1 在 项 目 导 航 中 打开 PhotoViewController.swift 文 件 ， 修 改 -trashClick: 方法 如 下 面 这 样 : 


QIBAction func trashClick(sender: UIBarButtonItem) { | 
let alert = UlAlertController(title: "删除 照片 "，message: "你 确定 要 删除 该 照片 吗 ? ", preferredStyle: UIAlertControllerStyle.Alert) 


alert.addAction(UIAlertAction(title: "Ж", style: .Default, 


Е handler: [(alertAction) in 
// 删除 当前 显示 的 照片 
I) 
alert.addAction(UIAlertAction(title: "fi", style: .Cancel, 
handler: [(alertAction) in 
alert.dismissViewControllerAnimated (true, completion: nil) 


})) 


self.presentViewController(alert, animated: true, completion: nil) 


在 -trashClick: 方法 中 ， 我 们 首先 定义 了 一 个 UIAlertController 对 象 。 该 对 象 用 于 向 用 户 显示 一 些 警告 信息 。 它 取代 了 之 前 所 使 用 的 UIActionSsheet 和 UIAlertView 来 显示 警告 信息 的 方法 。 当 设置 了 
UIAlertController 的 动作 和 风格 以 后 ， 就 可 以 使 用 -present ViewController: animated: completion: 方法 将 其 呈现 到 屏幕 上 。 


除了 向 用 户 显示 信息 以 外 ， 在 这 里 我 们 还 要 为 UIAlertController 关 联 一 些 动 作 ， 使 其 可 以 响应 用 户 的 交互 操作 。 添 加 动作 需要 使 用 -addAction: 方法 ， 它 有 一 个 UIAlert Action 类 型 的 参数 ， 用 于 为 警 
告 窗口 的 按钮 提供 标题 文本 和 当 点 击 按钮 后 所 执行 的 动作 。 比 如 我 们 所 定义 的 第 一 个 UlAlertAction 对 象 ， 它 的 按钮 标题 为 “是 。， 风 格 为 默认 值 ， 点 击 按钮 以 后 会 执行 handler 所 定义 的 代码 块 ， 这 里 暂时 
只 有 一 行 注 释 代 码 。 


步骤 2 继续 向 -trashClick: 方法 中 添加 处 理 删除 照片 的 代码 : 


GIBAction func trashClick (sender: UIBarButtonItem) { 
let alert = UlAlertController(title: "删除 照片 "， 
message: "你 确定 要 删除 该 照片 吗 ? ", 
preferredStyle: UlAlertControllerStyle.Alert) 
alert.addAction(UIAlertAction(title: "X", style: .Default, 
handler: [(alertAction) in 
PHPhotoLibrary.sharedPhotoLibrary ().performChanges (í 
let request = PHAssetCollectionChangeRequest 
(forAssetCollection: self.assetCollection) 
request.removeAssets ([self.photoAsset [self.index]]) 
), completionHandler:í(success, error) in 
NSLog ("删除 照片 -> $8", (success ? "RIJ" : "失败 ") ) 
alert.dismissViewControllerAnimated (true, completion: nil) 
self.photoAsset = PHAsset.fetchAssetsInAssetCollection( 


self.assetCollection, options: nil) 
if self.photoAsset.count == 0 { 
// 删除 照片 以 后 ， 照 片 集 为 空 
self.imageView.image = nil 


println (" 没 有 可 以 显示 的 照片 了 ! ") 


if self.index >= self.photoAsset.count { 
self.index = self.photoAsset.count - 1 


self.displayPhoto() 
) 


})) 

alert.addAction(UIAlertAction(title: "fi", style: .Cancel, 
handler: ((alertAction) іп 
alert.dismissViewControllerAnimated (true, completion: nil) 


})) 


self.presentViewController(alert, animated: true, completion: nil) 


在 上 面 的 方法 中 ， 我 们 为 第 一 个 Alert Action 添 加 响应 代码 。 首 先 ， 通 过 success 参 数 判断 删除 照片 是 否 成 功 ， 如 果 失 败 直接 销毁 该 警告 对 话 框 。 如 果 成 功 删除 ， 则 通过 PHAsset 类 的 - 
fetchAssetsInAssetCollection: optins: 方法 重新 从 照片 集中 获取 所 有 照片 数据 。 然 后 ， 将 当前 的 index 和 照片 集中 照片 的 个 数 做 对 比 ， 为 index 设 置 新 的 索引 值 。 最 后 调用 -displayPhoto 方 法 显示 新 的 照 
片 。 


构建 并 运行 应 用 程序 ， 在 PhotoViewController 场 景 中 删除 当前 的 照片 ， 如 果 选 择 “ 否 ”按钮 ， 警 告 面 板 会 被 销毁 ， 不 会 删除 照片 。 如 果 选 择 “ 是 ”按钮 ， 则 删除 当前 照片 集 ， 而 它 后 面 的 照片 会 呈现 
在 屏幕 上 。 并 且 在 调试 控制 台中 还 会 看 到 : “删除 照片 -> 成 功 ” 的 信息 。 


9.3.5 ”使 用 UllmagePickerController 多 方式 获取 照片 


除了 可 以 管理 “照片 ”应 用 程序 中 指定 照片 集 的 照片 外 ， 在 ViewController 控 制 器 中 ， 我 们 还 要 为 其 添加 获取 照片 的 能 力 ， 这 包括 通过 摄像 头 和 访问 照片 库 两 种 方式 。 


步骤 1 在 项 目 导航 中 打开 ViewController.swift 文 件 ， 在 -cameraClick: 方法 中 添加 下 面 的 代码 : 


QIBAction func cameraClick(sender: UIBarButtonItem) í 


if UIImagePickerController.isSourceTypeAvailable(.Camera) { 


// 载 入 通过 摄像 头 拍摄 的 用 户 界 面 
}е1ѕе { 
var alert = UIAlertController(title: "я", 


message: "没有 可 用 的 摄像 头 "， preferredStyle: .Alert) 

alert.addAction(UIAlertAction(title: "Okay", style: .Default, 
handler: ((alertAction) іп 

alert.dismissViewControllerAnimated (true, completion: nil) 


})) 


在 -cameraClick: 方法 中 ， 我 们 先 通过 UllmagepPickerController 的 +isSourceType Available: 类 方法 判断 应 用 程序 是 否 可 以 使 用 摄像 头 设备 ， 如 果 不 能 使 用 则 会 向 用 户 显示 一 条 警告 信息 。 


照片 获取 器 (UllmagePickerController) 会 通过 系统 所 提供 的 界面 ， 在 所 支持 的 设备 上 进行 拍照 和 摄像 ， 并 供 我 们 的 项 目 (Photos Gallery) 进行 选择 和 使 用 。Ullmage PickerController 会 管理 用 户 
的 交互 以 及 将 交互 的 结果 反馈 给 delegate 所 指向 的 对 象 。 


ipu? ”继续 修改 -cameraClick: 方法 ， 添 加 摄像 头 启用 的 代码 : 


QIBAction func cameraClick(sender: UIBarButtonItem) { 

if UIImagePickerController.isSourceTypeAvailable(.Camera) { 
var picker = UIImagePickerController () 
picker.sourceType = UlImagePickerControllerSourceType.Camera 
picker.delegate = self 
picker.allowsEditing = false 
self.presentViewController(picker, animated: true, 

completion: nil) 


Jelse { 
var alert = UIAlertController(title: "f", 
message: "没有 可 用 的 摄像 头 "，PreferreqdStyle: .Alert) 
alert.addAction (UIAlertAction (title: "Okay", style: .Default, 
handler: ((alertAction) in 
alert.dismissViewControllerAnimated (true, completion: nil) 


)) 


照片 获取 器 的 功能 (从 摄像 头 或 者 从 照片 库 获取 照片 ) 和 外 观 取决 于 sourceType 属 性 ， 它 包括 下 面 3 种 类 型 。 
- UIImagePickerControllerSourceType.Cametra， 将 设备 的 摄像 头 指 定 为 上 照片 获取 器 的 源 。 如 果 要 指定 摄像 头 的 类 型 (前 置 或 后 置 ) ， 则 需要 设置 cameraDevice 属 性 。 


- UIImagePickerControllerSourceTypePhotoLibrary， 将 设备 的 照片 库 指 定 为 照片 获取 器 的 源 。 


+ UIImagePicketrConttrollefSoutceType.SavedPhotosAlbum， 将 设备 的 相机 胶卷 指定 为 照片 获取 器 的 源 。 
UllmagePickerController 的 allowsEditing 属 性 用 于 指明 是 否 允 许 用 户 编辑 选中 的 照片 和 视频 。 


到 目前 为 止 , 在 “picker.delegate=self” 一 行 代 码 的 前 面 会 出 现 一 个 错误 ， 导 致 项 目 无 法 编译 ， 如 图 9-20 所 示 。 原 因 是 ViewController 控 制 器 没有 符合 UllmagePicker ControllerDelegate 协 议 。 


mIBAction func cameraClick(sender: UIBarButtonItem) í 
if UIImagePickertontroller,isSourceTypeAvailable( Camera] T 
F,FTABIBBILTEISEIN PA) 
маг picker = UlIImagePickerCantratler() 


picker,sourceType = llIImagePickerCont rallersourceType, Camera 
picker,delegate = self A Type "ViewCantrallar' daas net sanfarm 1o pratasal "LlllmagaPic 


picker,allowsEditing m falsis 
self,presentViewControlleriplcker, animated: true, completion: nii) 


图 9-20 ”ViewControllet 没 有 符合 UIImagePickerConttolletDelegate 协 议 所 产生 的 错误 


步骤 3 ”为 ViewController 添 加 对 UllmagepPickerControllerDelegate 协 议 的 声明 ， 代 码 如 下 : 


class ViewController: 


UI 


U 


Ur 
CollectionViewDataSource, UI 
magePickerContro] 


ViewController, UI 


CollectionViewDelegate, 


lerDelegate, UI 


声明 UllmagepPickerControllerDelegate 协 议 以 后 ， 我 们 还 要 声明 UINavigation Controller-Delegate 协 议 ， 因 为 前 者 会 使 用 到 后 者 。 


CollectionViewDelegateFlowLayout 
NavigationControllerDelega 


` 


te ( 


步骤 4 为 ViewController; 系 加 一 个 UllmagePickerControllerDelegate 协 议 方法 ， 代 码 如 下 : 


func imagePicke 


rControll 


er (picker: UlImagePickerCon! 


troller, 


thI 


nfo info: 


didFinishPickingMediaWi 


let image 


PHPhotoLibrary. sharedPhotol 


info["U 


[NSObject : 
magePickerControllerOriginalIl 


BE 


Library().perf 


AnyObject] 
mage"] as U 


FormChanges ({ 


) Í 


mage 


crea 


teAssetRequest = PHAssel 


cChangeRequest 


L. 


assetPlaceholder 


creationl 


Reques 


Asse 


tForAssetFromIl 


creat 


cRequest. 


mage (image 


) 


placeholderForCreatedAsset 
albumChangeRequest = PHAssetCollectionChangeRequest 
(forAssetCollection: self.assetCollect 
assets: self.photoAsset) 
albumChangeRequest.addAssets ([assetPlaceholder]) 
), completionHandler: { (success, error) in 
NSLog (" 添 加 照片 到 照片 集 -> $8", (success ? "RI" : "ЖИ")) 
picker.dismissViewControllerAnimated (true, completion: nil) 


ion, 


在 该 方法 中 ， 我 们 先 通 过 info 参 数 获取 照片 原 图 ， 然 后 通过 PHPhotoLibrary 类 执行 -performChanges: completionHandler: 方法 。 在 该 方法 的 第 一 个 代码 块 中 ， 为 从 照片 获取 器 得 到 的 照片 创建 一 


个 Asset Change Request 对 象 ， (通过 类 方法 -creationRequest ForAssetFromlmage: ) 。 当 我 们 创建 好 一 个 Created Change Request 以 后 ， 要 在 同一 段 代码 块 中 引用 它 ， 就 需要 使 用 
placeholderForCreateAsset 属 性 。 最 后 我 们 通过 该 属性 创建 了 一 个 数组 ， 并 将 它 作 为 参数 传递 给 PHAssetCollectionChangeRequest 类 的 -addAssets: 方法 里 面 。 
块 ， 我 们 可 以 判断 照片 是 否 成 功 添加 到 照片 集 ， 以 及 关闭 之 前 的 照片 获取 器 


iX completionHandlerz 


分 的 代码 


步骤 5 再 添加 另外 一 个 UllmagepPickerControllerDelegate 协 议 方 法 ， 代 码 如 下 : 


func imagePickerControllerDidCancel (picker: UlImagePickerController) { 
picker.dismissViewControllerAnimated (true, completion: nil) 
} 


当 用 户 想 关 闭 照片 获取 器 的 时 候 ， 可 以 执行 该 方法 。 


构建 并 运行 应 用 程序 ， 在 ViewController 场 景 中 点 击 导 航 栏 右 侧 的 camera 图 标 ， 在 真 机 测试 的 状态 下 ， 可 以 通过 设备 的 摄像 头 获取 真实 场景 下 的 ， 如 图 9-21 所 示 。 


图 9-21 在 真 机 上 测试 ViewControllet 中 的 照片 获取 器 


e 
= 注意 a 试 带 有 摄像 头 功能 的 应 用 程序 ， 必 须 在 真 机 上 进行 。 这 就 需要 开发 者 加 入 iOS Developer Program 计 划 ， 也 就 是 需要 每 年 向 苹果 缴纳 688 元 人 民 币 的 年 费 。 


第 10 章 ”使 用 Facebook 和 Twitter 整合 社交 


当 我 们 在 设计 应 用 程序 的 时 候 ， 只 把 使 用 的 目标 人 群 定位 在 国内 ， 那 就 有 些 目光 短 浅 了 。 对 于 国内 用 户 的 购买 和 使 用 习惯 来 说 ， 免 费 的 APP 往 往 更 能 够 吸引 他 们 。 对 一 款 让 你 非常 有 信心 的 APP 来 说 ， 
国外 用 户 往往 会 扮演 着 非常 重要 的 角色 ， 似 乎 他 们 在 购买 APP 的 时 候 会 更 “冲动 ”一 些 ， 所 以 当 你 在 设计 一 款 APP 的 时 候 ， 一 定 要 在 “国际 化 ”的 方面 有 充分 的 思考 。 


要 想 推广 你 的 APP， 除 了 投入 资金 在 各 种 媒体 上 面 打 广 告 以 外 ， 笔 者 认为 通过 社交 网 络 是 性 价 比 最 高 的 一 种 宣传 方式 。 放 眼 全 球 ， 现 在 最 流行 的 社交 媒体 无 外 乎 Facebook 和 Twitter。 而 且 从 iOs 6 开 


始 ，iOS SDK 就 集成 了 相应 的 框架 ， 所 以 本 章 就 为 大 家 详细 介绍 如 何 将 Facebook 和 Twitter 整合 到 应 用 程序 之 中 。 


相信 大 家 对 Facebook 和 Twitter 这 两 个 社交 网 站 都 有 所 耳闻 ， 它 已 经 渗透 到 全 球 绝 大 部 分 的 国家 和 地 区 的 人 民 日 常生 活 之 中 ， 以 至 于 苹果 决定 将 它们 集成 到 iOs 平 台 之 中 。 人 们 可 以 通过 它 直接 在 iOs 平 
台 上 共享 照片 、 视 频 、 链 接 及 其 他 类 型 的 内 容 服务 。 在 此 之 前 ， 程 序 员 往 往 要 自己 编写 代码 ， 或 者 是 借助 第 三 方 库 在 应 用 程序 中 完成 分 享 的 功能 。 现 在 ， 我 们 可 以 使 用 Os SDK 中 的 相关 框架 来 完成 这 些 功 
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现在 ， 因 为 在 iOs 中 有 统一 的 地 方 来 存储 账号 信息 ， 所 以 用 户 可 以 给 应 用 程序 分 配 一 定 的 安全 权限 ， 使 其 可 以 与 Facebook、Twitter 或 新 浪 微 博 进 行内 容 分 享 和 交互 。 


10.1 使 用 Accounts Framework 


在 iOS 系 统 的 “设置 ”应 用 程序 中 ， 我 们 可 以 添加 Facebook 和 Twitter 账号 ， 这 样 应 用 程序 就 可 以 通过 Accounts Framework 获 取 到 这 些 账 号 。iOS 平 台 通 过 集中 账号 系统 为 用 户 提供 了 单独 的 空间 来 存 
储 Facebook 和 Twitter 的 凭证 。 这 意味 着 任何 一 个 iOS 应 用 程序 都 可 以 通过 Accounts Framework 直 接 使 用 这 些 存储 在 设备 中 的 账号 ， 而 不 用 频繁 地 在 各 个 应 用 程序 间 输 入 权限 凭证 。 


Accounts Framework 为 我 们 提供 了 安全 的 账号 访问 认证 ， 这 完全 取决 于 使 用 者 所 授予 的 权限 ， 并 且 这 一 切 都 是 在 框架 内 部 进行 的 。 接 下 来 ， 我 们 就 来 学 习 如 何 获取 账号 、 访 问 账号 的 不 同属 性 ， 以 及 
在 自己 的 应 用 程序 中 使 用 它们 。 


@ 鉴于 你 所 居住 的 地 域 性 特点 ， 在 本 章 的 实践 练习 中 必须 要 有 VPN 环 境 的 支持 ， 除 非 你 是 在 国外 或 我 国 的 港 、 澳 、 台 地 区 ， 但 相信 这 样 的 消费 比 花 钱 买 1 个 月 的 VPN 要 贵 得 多 。 至 于 VPN 的 详 
细 介 绍 请 在 网 络 上 搜索 。 


10.1.1 ”访问 Twitter 账号 和 账号 的 属性 


如 果 我 们 想 要 在 应 用 程序 中 访问 Twitter 账 号 ， 就 必须 提前 在 “设置 ”应 用 程序 中 添加 一 个 Twitter 账 号 。 确 认 开 启 了 VPN 环 境 ， 在 Xcode 菜单 中 选择 “Xcode 一 Open Developer Tool 一 iOS 
Simulator”， 在 模拟 器 中 的 “设置 ”应 用 程序 里 面 确保 登录 了 社交 网 络 ， 如 图 10-1 所 示 。 
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图 10-1 “设置 ”应 用 程序 中 的 Twittet 账 号 


步骤 1 创建 一 个 新 的 项 目 ， 在 Xcode 中 选择 Single View Application, 项 目 名 称 设置 为 SocialApp， 设 备 选择 iPhone。 项 目 创建 好 以 后 ， 我 们 需要 在 build phase 部 分 中 的 Link Binary With Libraries 
里 面 增 加 Accounts.framework 框 架 ， 如 图 10-2 所 示 。 


LES 在 项 目 导航 中 增加 一 个 新 的 Cocoa Touch Class 文 件 ，subclass of 设置 为 UIViewController，name 设 置 为 AccountsViewController。 该 类 用 于 获取 和 显示 用 户 的 账号 信息 ， 如 图 10-3 所 示 。 
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图 10-2 ”为 SocialApp 项 目 添 加 Accounts.framewotk 框 架 
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图 10-3 ”增加 AccountsViewConttollet 到 项 目 中 用 于 获取 和 显示 所 有 的 用 户 账 号 


步骤 3 ”在 项 目 导航 中 打开 AccountsViewController.swift 文 件 ， 添 加 对 Accounts.framework 框 架 的 引用 ， 以 及 用 于 存储 账号 信息 的 实例 变量 accounts。 


import UIKit 

import Accounts 

class AccountsViewController: UIViewController { 
var accounts: [AnyObject]? 


接 下 来 ， 你 需要 通过 一 种 方式 让 用 户 授权 你 的 应 用 程序 可 以 访问 存储 在 设备 中 的 Twitter 账号 。 这 需要 借助 ACAccountstore 类 来 检索 账号 列表 ， 该 类 人 允许 我 们 指定 账号 类 型 ，ACAccountType 类 代表 
不 同 的 账号 类 型 。 集 成 到 iOS 的 账号 类 型 现在 只 包含 三 种 : Twitter、Facebook、 新 浪 微 博 和 腾讯 微 博 。 


当 我 们 通过 请 求 获取 账号 并 授予 权限 以 后 ， 就 可 以 检索 到 一 个 与 账号 类 型 相关 的 账号 数组 。 在 数组 中 的 每 个 对 象 都 代表 一 个 ACAccount 类 型 的 账号 。 
一 个 ACAccount 类 型 的 对 象 封装 了 存储 在 账号 数据 库 中 的 一 个 账号 信息 ， 通 过 ACAccount-Store 我 们 可 以 创建 或 检索 用 户 账号 。ACAccountStore 还 能 够 通过 接口 连接 账号 数据 库 。 


每 个 ACAccount 对 象 都 存储 了 关于 用 户 账号 的 各 种 信息 ， 下 面 列 出 了 ACAccount 对 象 中 的 几 个 重要 属性 : 


- accountIype: ACAccountType 类 型 ， 账 号 相关 服务 的 类 型 。 
- credential: ACAccountCredential 类 型 ， 用 于 认证 请 求 。 

' identifier: String 类 型 ， 只 读 类 型 ， 是 账号 的 唯一 标识 。 

- username: Stting 类 型 ， 账 号 的 用 户 名 。 


步骤 4 在 AccountsViewController 类 中 添加 -retrieveAccounts: options: completion: 方法 ， 代 码 如 下 : 


func retrieveAccounts (identifier: String, 
options: [NSObject : AnyObject]?) { 
var accountStore = ACAccountStore () 
var accountType = accountStore.accountTypeWithAccountTypeldentifier 
(identifier) 

accountStore.requestAccessToAccountsWithType (accountType, 

options: options, 

completion: [(granted, error) in 
if granted { 


self.accounts = accountStore.accountsWithAccountType 
(accountType) 
if self.accounts !- nil í 
if self.accounts?.count == { 


println ("在 设置 应 用 程序 中 没有 配置 Twitter 账 号 ， 
尔 可 以 增加 或 创建 一 个 。") 


Jelse( 
dispatch async(dispatch get main queue(), {}) 
} 


在 该 方法 中 ， 我 们 首先 创建 了 ACAccountstore 类 型 的 对 象 。 该 对 象 提供 了 访问 、 维 护 和 存储 用 户 账号 的 接口 ， 并 且 只 有 通过 它 ， 我 们 才 可 以 创建 及 检索 Accounts 数 据 库 中 的 账号 。 


接 下 来 ， 我 们 通过 -accountTypeWithAccountTypeldentifier: 方法 得 到 了 指定 的 账户 类 型 。 我 们 可 以 向 该 方法 传递 下 面 4 种 类 型 的 字符 串 : 


: ACAccountTypeldentifierTwitter: Twitterllk-5:, iOS 5.0 以 上 可 用 。 
: ACAccountTypeldentifierFacebook: Facebook 账 号 ，iOS 6.0 以 上 可 用 。 
: ACAccountTypeldentifierSinaWeibo: 新 浪 微 博 账号 ，iOS 6.0 以 上 可 用 。 


: ACAccountTypeldentifierTencentWeibo: 腾讯 微 博 账号 ，iOS 7.0 以 上 可 用 。 


再 接着 ， 通 过 ACAccountsSstore 类 的 -requestAccessToAccountsWithType: options: completion: 方法 获取 对 用 户 账户 的 授权 。accoutType 是 账户 类 型 ，completion 是 请 求 完 成 时 所 执行 的 代码 


块 。 该 代码 块 包含 接受 两 个 参数 : granted 代 表 用 户 是 否 授予 权限 ， 当 发 生 错误 的 时 候 则 可 以 从 error 中 获取 错误 信息 。 需 要 注意 的 是 ， 某 些 账 户 类 型 (比如 Facebook) 需要 一 个 options 字 典 对 象 ， 如 果 不 


提供 该 字典 信息 ， 调 用 -requestAccessToAccountsWithType: options: completion: 方法 的 时 候 会 抛 出 NSInvalidArgumentException 类 型 的 异常 。 通 常情 况 下 是 不 需要 options 字 典 对 象 的 ， 所 以 直接 
将 其 设置 为 nil 即 可 。 
当 获 得 授权 以 后 ， 再 通过 ACAccountStore 类 的 -accountsWithAccountType: 方法 返回 所 有 指定 类 型 的 账户 。 


步骤 5 ”在 AccountsViewController 类 中 的 -viewDidLoad 方 法 中 添加 对 -retrieve Accounts: options: 方法 的 调用 ， 代 码 如 下 : 


override func viewDidLoad() { 
super.viewDidLoad() 
self.retrieveAccounts (ACAccountTypeIdentifierTwitter, options: nil) 


} 


接 下 来 ， 我 们 需要 在 故事 板 中 创建 一 个 场景 ， 用 它 来 呈现 存储 在 设备 中 的 账户 信息 。 因 为 在 创建 SocialApp 项 目的 时 候 ， 项 目 已 经 自动 为 我 们 生成 了 一 个 场景 ， 所 以 不 用 再 创建 新 的 视图 控制 器 ， 直 接 


用 这 个 就 可 以 了 。 


步骤 6 在 故事 板 中 选中 唯一 的 场景 ，“ 在 右 侧 的 标识 检视 窗 中 将 Class 设 置 为 AccountsViewController。 接 着 ， 在 菜单 中 选择 Editor 一 Embed In 一 Navigation Controller” 以 创建 一 个 导航 控制 器 ， 


如 图 10-4 所 示 。 
步骤 7 在 对 象 库 中 拖 电 一 个 表格 视图 到 场景 中 ， 确 保 表格 视图 充满 整个 屏幕 。 然 后 为 表格 视图 添加 top、bottom、left、right 4 个 约束 ， 值 均 为 0%， 并 且 注 意 要 去 掉 Contraints to Margins 的 勾 选 ， 如 
图 10-5 所 示 。 
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图 10-4 在 故事 板 中 添加 导航 控制 器 
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图 10-5 ”为 表格 视图 添加 top、bottom、left、tight 4 个 约束 


步骤 8 ”再 从 对 象 库 中 拖 遇 一 个 Table View Cell 到 表格 视图 中 。 当 添加 完成 以 后 ， 在 属性 检视 窗 中 将 identifier 设 置 为 accountCell， 如 图 10-6 所 示 。 最 后 双击 AccountsView Controller 场 景 顶部 的 导航 
兰 ， 将 Navigation ltem 中 的 Title 设 置 为 “用 户 账 户 ”。 


给 单元 格 设置 一 个 正确 的 identifier (标识 ) 是 至 关 重要 的 ， 稍 有 差 池 就 会 导致 在 表 格 视图 中 看 不 到 定制 的 单元 格 视图 ， 甚 至 程序 运行 崩溃 。 所 以 在 这 里 要 确保 accountCell 拼 写 正确 。 
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图 10-6 设置 单元 格 的 identifiet 属 性 为 accountCell 
现在 ，AccountsViewController 还 不 知道 它 的 视图 中 有 表格 视图 ， 因 为 我 们 还 没有 为 它 创建 IBOutlet 关 联 。 


步骤 9 在 项 目 导 航 中 打开 故事 板 ， 然 后 将 Xcode 切换 到 助手 编辑 器 模式 ， 确 保 选 中 故事 板 中 的 用 户 账户 场景 ， 以 及 打开 AccountsViewController.swift 文 件 。 为 table view 创 建 IBOutlet 关 联 ，name 
为 tableView， 代 码 如 下 : 


class AccountsViewController: UIViewController { 
@IBOutlet weak var tableView: UITableView! 


我 们 需要 为 表格 视图 设置 委托 和 数据 源 ， 这 样 才能 与 用 户 进行 交互 并 使 用 数据 源 中 的 数据 填充 单元 格 。 按 住 鼠 标 右键 将 大 纲 视 图 中 的 表格 视图 拖 上 忠 到 AccountsView Controller 图 标 上 面 ， 在 弹出 的 面 
板 上 选中 delegate 和 dataSource。 


我 们 还 要 让 AccountsViewController 类 符合 UITableViewDelegate 和 UITableView Data-Source 这 两 个 协议 。 在 AccountsViewController.swift 文 件 中 添加 下 面 加 粗 部 分 的 代码 : 


Q 


lass AccountsViewController: UIViewController, 
UITableViewDelegate, UITableViewDataSource { 
QIBOutlet weak var tableView: UITableView! 


110 ”将 Xcode 切换 到 标准 编辑 模式 ， 在 AccountsViewController 类 中 添加 下 面 的 两 个 方法 : 


hi 


func tableView(tableView: UITableView, 
numberOfRowsInSection section: Int) -> Int { 
if let accounts = self.accounts { 

return accounts.count 


return 0 


func tableView(tableView: UITableView, cellForRowAtIndexPath 


indexPath: NSIndexPath) -> UITableViewCe] { 
let CellIdentifier = "accountCell" 
let cell = self.tableView.dequeueReusableCellWithIdentifier 
(CellIdentifier) as UITableViewCell 


H- 


f let accounts = self.accounts { 

var account = accounts[indexPath.row] as ACAccount 
cell.textLabel?.text = account.accountDescription 
} 

return cell 


} 


在 上 面 的 两 个 方法 中 ， 我 们 通过 accounts 实 例 变量 获得 共有 几 个 Twitter 类 型 的 账户 ， 然 后 在 -tableView: cellForRowAtlndexPath: 方法 中 创建 相应 数量 的 单元 格 。accounts 数 组 中 存储 的 是 
ACAccount 类 型 的 账户 信息 ， 通 过 它 的 accountDescription 属 性 得 到 账户 描述 (只 读 类 型 ) ， 当 用 户 授 权 SocialApp 可 以 访问 用 户 账户 的 时 候 ， 该 属性 可 用 ， 否 则 它 的 值 为 nil。 


步骤 11 修改 之 前 的 -retrieveAccounts: options: 方法 ， 添 加 下 面 加 粗 部 分 的 代码 : 


func retrieveAccounts (identifier: String, options: [NSObject : AnyObject]?) { 

if granted { 
self.accounts = accountStore.accountsWithAccountType (accountType) 

if self.accounts != nil { 

if self.accounts?.count == 0 ( 

println(" 在 设置 应 用 程序 中 没有 配置 Twittez 账 号 ， 你 可 以 增加 或 创建 一 个 。") 

Jelse( 
dispatch async(dispatch get main queue(), { 

self.tableView.reloadData() ]) 


当 accounts 实 例 变量 中 包含 用 户 账户 的 时 候 ， 我 们 要 在 主线 程 中 让 表格 视图 重新 载 入 数据 ， 刷 新 表格 。 因 为 在 iOs 中 ， 对 用 户 界 面 的 绘制 和 操作 都 是 在 主线 程 中 进行 的 ， 所 以 这 里 必须 使 用 
dispatch async () 函数 让 table view 的 -reloadData 方 法 在 主线 程 中 执行 。 


构建 并 运行 应 用 程序 ， 在 授权 SocialApp 人 允许 访问 Twitter 账户 以 后 ， 在 列表 中 就 能 够 看 到 用 户 的 Twitter 账户 信息 ， 如 图 10-7 所 示 。 


10.1.2 ”访问 Facebook 账 号 和 账号 的 属性 


用 上 面 的 方法 我 们 同样 可 以 获取 Facebook 账 号 的 用 户 列表 ， 只 要 在 -viewDidLoad 方 法 中 调用 retrieveAccounts: options: 方法 ， 并 传递 ACAccountTypeldentifierFacebook 作 为 参数 。 除 此 以 外 ， 
我 们 还 需要 传递 一 个 字典 类 型 的 options 参 数 ， 在 字典 中 我 们 需要 指定 一 个 新 的 Facebook 应 用 ID 和 应 用 程序 向 Facebook 用 户 的 请 求 。 
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10-7 ”授权 SocialApp 允 许 访问 Twitter 账 户 后 列表 中 显示 的 用 户 账户 信息 


首先 我 们 需要 创建 一 个 Facebook 应 用 程序 。 当 你 创建 一 个 与 Facebook 交 互 的 OS 应 用 程序 的 时 候 ， 必 须 创建 一 个 Facebook 应 用 程序 。 在 Facebook 应 用 程序 创建 好 以 后 你 会 得 到 一 个 Facebook 应 用 
ID， 在 访问 用 户 的 Facebook 账 号 并 获取 授权 的 时 候 会 需要 这 个 ID。 


步骤 1 在 浏览 мы //developers.facebook.com (这 是 Facebook 开 发 者 门户 网 站 ) ， 选 择 创 建 一 个 新 的 iOs 应 用 程序 ， 然 后 确定 应 用 程序 的 名 称 ， 例 如 Liuming 担 iOs App。 注 意 ， 应 用 程 


^od a New App 


Select a platform to get startec 


Android Facebook Canvas 


810-8 ”在 Facebook 中 创建 一 个 新 的 iOS 应 用 程序 


当 应 用 程序 创建 好 以 后 ， 进 入 相应 的 设置 页 面 。 在 这 里 ， 除 了 会 看 到 应 用 程序 的 ID 以 外 ， 也 需要 你 填写 一 些 关 于 应 用 程序 的 信息 。 


步骤 2 在 “设置 ”页 面 中 ， 我 们 可 以 看 到 FacebookApplD。 再 从 SocialApp 项 目 中 找到 Bundle Identifier 字符 串 ， 将 其 复制 到 图 10-9 所 指定 的 文本 框 中 ， 然 后 点 击 下 面 的 继续 按钮 。 
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图 10-9 在 “设置 ”页 面 里 可 以 看 到 FacebookAppID 及 设置 的 OS 项 目的 Bundle Identifier 


接 下 来 回 到 Xcode 的 AccountsViewController.swift 中 ， 准 备 我 们 自己 的 options 字 上 典 对 象 。 对 options 来 说 ， 我 们 一 共 需 要 它 传递 3 个 东西 : ACFacebook ApplDKey, ACFacebookPermissionsKey 
和 ACFacebookAudienceKey。 其 中 ，ACFacebook ApplDKey 的 值 就 是 我 们 刚刚 创建 的 Facebook App ID。ACFacebookPermissionsKey 是 权限 键 ， 它 用 于 指定 想 让 用 户 授权 你 哪 种 权限 。 这 些 权限 包 
Ja: 检索 用 户 信息 和 朋友 列表 、 读 取 和 发 布 流 等 。 我 们 可 以 通过 文档 查看 Facebook 所 提供 的 所 有 权限 列表 。 


步骤 3 ”在 浏览 器 中 访问 : https: //developers.facebook.com/docs/facebook-login/permissions/v2.2， 如 图 10-10 所 示 。 
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图 10-10 Facebook 的 权限 说 明文 档 


在 权限 说 明文 档 中 ， 一 件 至 关 重 要 的 事情 就 是 你 要 清楚 SocialApp 都 需要 哪些 权限 。 就 目前 情况 来 说 ， 我 们 只 需要 读 取 权 限 ， 并 且 是 对 email 和 user about_me 的 读 取 权限 ， 因 此 不 需要 可 以 发 布 信息 流 


的 权限 。 


步骤 4 修改 AccountsViewController 类 的 -viewDidLoad 方 法 ， 添 加 下 面 加 粗 部 分 的 代码 : 


override func viewDidLoad() { 
super.viewDidLoad() 
let fbOptions = [ACFacebookAppldKey: "434694059946825", 


ACFacebookPermissionsKey: ["email", "user about me"]] 
self.retrieveAccounts (ACAccountTypeIdentifierFacebook, 


options: fbOptions) 


这 回 我 们 先 定 义 了 一 个 字典 对 象 ， 里 面 有 两 个 键 ， 分 别 是 ACFacebookAppldKey 和 ACFacebookPermissionsKey， 一 个 是 在 Facebook 上 创建 的 应 用 程序 ID， 另 一 个 则 是 SocialApp 和 希望 得 到 的 用 户 授 
权 内 容 ， 这 里 包括 电子 邮件 和 用 户 信息 。 


接 下 来 ， 通 过 -retrieveAccounts: options: 方法 传递 了 ACAccountTypeldentifier Facebook 作 为 账户 类 型 标识 ， 以 及 刚 创建 的 options 字 典 对 象 。 


步骤 5 修改 -tableView: cellForRowAtIndexPath: 方法 如 下 面 这 样 : 


func tableView (tableView: UITableView, cellForRowAtIndexPath 
indexPath: NSIndexPath) -> UITableViewCell { 

let Cellldentifier = "accountCell" 
let cell = self.tableView.dequeueReusableCellWithIdentifier 


(CellIdentifier) as UlTableViewCell 
if let accounts = self.accounts { 


var account - accounts[indexPath.row] as ACAccount 


LI =ч 


if account.accountType.identifier == ACAccountTypelIdentifierTwitter { 
cell.textLabel.text? = account.accountDescription 

Jelse ( 
cell.textLabel.text? — account.username 


} 
} 
return cell 


} 


在 上 面 的 方法 中 ， 我 们 根据 不 同 的 账户 类 型 来 决定 在 textLabel 中 所 显示 用 户 的 信息 。 如 果 是 Twitter 账户 ， 则 使 用 accountDescription 属 性 显示 账户 的 名 称 。 如 果 是 Facebook 账 户 ， 则 使 用 username 
属性 显示 账户 名 称 ， 因 为 使 用 accountDescription 属 性 是 不 会 得 到 你 想 要 的 结果 的 。 


构建 并 运行 应 用 程序 ， 界 面 显示 的 效果 如 图 10-11 所 示 。 
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10-11 授权 SocialApp 允 许 访问 Facebook 账 户 后 列表 中 显示 的 用 户 名 称 


在 表格 视图 中 ， 我 们 已 经 可 以 看 到 Facebook 的 账户 列表 了 。 接 下 来 ， 我 们 将 使 用 这 些 账 户 在 Twitter 或 Facebook 中 发 布 信息 。 


10.2 ”使 用 Social Framework 发 布 内 容 


不 管 我 们 访问 Twitter 还 是 Facebook 账 户 ， 一 个 非常 重要 的 目的 就 是 要 在 这 些 社交 网 络 上 面 发 消息 。 通 过 Social framework 框 架 ， 我 们 可 以 使 用 一 个 简单 的 交互 界面 和 相关 的 API 去 修改 用 户 状 态 、 发 
布 照片 和 视频 。 


10.2.1 创建 Stream 控 制 器 


在 我 们 真正 向 Twitter 发 布 内 容 之 前 ， 需 要 准备 一 张 照片 。 并 且 还 需要 创建 一 个 新 的 视图 控制 器 到 项 目 之 中 ， 这 个 控制 器 用 来 显示 用 户 的 信息 流 ， 同 时 也 作为 发 布 新 内 容 的 入 口 。 
首先 ， 我 们 需要 添加 Social framework 到 项 目 之 中 ， 方 法 与 之 前 添加 Accounts Framework 框 架 一 样 。 


步骤 1 在 Xcode 的 项 目 设置 中 添加 Social.framework 框 架 ， 并 创建 一 个 新 的 Cocoa Touch Class, Subclass of 设置 为 UIViewController，Class 设 置 为 StreamViewController。 然 后 在 该 控制 器 代码 
中 添加 对 Social.framework 的 引用 。 


import UIKit 
import Social 
import Accounts 

class StreamViewController: UIViewController { 


步骤 2 为 StreamViewController 类 添加 一 个 I BOutlet 变 量 、 一 个 实例 变量 、 一 个 IBAction 方 法 以 及 与 表格 相关 的 协议 。 


class StreamViewController: UIViewController, 

UITableViewDataSource, UlTableViewDelegate { 
QIBOutlet weak var tableView: UIlTableView! 
var account: ACAccount? 
QGIBAction func postToStream(sender: UIBarButtonItem) ( } 


因为 在 StreamViewController 中 会 用 到 表格 视图 ， 所 以 该 控制 器 还 充当 着 表格 视图 的 委托 (delegate) 和 数据 源 (data source) 的 角色 。 同 时 ， 我 们 需要 为 表格 视图 建立 IBOutlet 和 1IBAction 关 联 。 
通过 |BAction 方 法 -postToStream: 来 完成 发 布 信息 流 的 功能 。 该 类 中 还 声明 了 一 个 ACAccount 类 型 的 实例 变量 ， 它 是 用 户 从 AccountsViewController 类 中 所 选 的 账户 对 象 。 


步骤 3 ”打开 故事 板 ， 添 加 一 个 全 新 的 View Controller 到 画布 中 ， 在 标识 检视 窗 中 设置 其 Class 为 StreamViewController， 如 图 10-12 所 示 。 
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图 10-12 ”在 AccountsViewConttollet 的 右 侧 添加 新 的 视图 控制 器 ， 然 后 设置 其 Class 为 StteamViewConttollet 


步骤 4 ”在 对 象 库 中 拖 蝶 一 个 Table View 到 新 的 控制 器 视图 之 中 ， 并 设置 它 与 StreamViewController 之 间 的 delegate 和 dataSource 关 联 ， 如 图 10-13 所 示 。 


stream View Controller 


图 10-13 ”设置 表格 视图 与 StteamViewConttollet 控 制 器 之 间 的 delegate 和 dataSoutce 关 联 


步骤 5 ”将 Xcode 切 换 到 助手 编辑 器 模式 ， 鼠 标 右键 按 住 新 添加 的 表格 视图 ， 然 后 将 其 拖 遇 到 左边 StreamViewController 类 的 1BOutlet 变 量 tableView 上 面 ， 如 图 10-14 所 示 。 


import LIKit 
import Social 
import Accounts 


class StreamviewController: UlViewcontroller, 
UITableViewDatasource, UITab Lev 1ewüelegate { 


(alBOutLlet weak var tableView: UITableVvia "I 
Jn | Connect Outlet 


IBAction func postToStream(sender: UlIlBarButtonItem) 4 


) 


图 10-14 ”创建 表格 视图 与 tableView 变 量 之 间 的 IBOutlet 关 联 


步骤 6， 在 大 纲 视图 中 找到 用 户 账 户 场景 中 的 单元 格 对 象 ， 按 住 鼠 标 右键 将 其 拖 昌 到 Stream View Controller 上 面 ， 在 弹出 的 面板 中 选择 Selection Segue 部 分 中 的 show， 如 图 10-15 所 示 。 
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图 10-15 ”为 用 户 账户 控制 器 和 Stteam 控 制 器 建立 联系 
通过 上 面 的 操作 ， 当 用 户 点 击 账户 列表 中 的 某 个 单元 格 时 就 会 呈现 Stream View Controller 的 场景 。 
当 两 个 控制 器 的 segue 创 建 好 以 后 ， 我 们 还 需要 在 Stream 视 图 的 导航 栏 中 添加 一 个 “Add” 按钮 ， 当 用 户 点 击 该 按钮 以 后 ， 会 弹出 用 于 向 Twitter 推送 消息 的 控制 器 。 


步骤 7” 从 对 象 库 中 拖 电 一 个 Navigation Item 到 Stream View Controller 场 景 中 ， 当 我 们 完成 该 操作 以 后 ， 就 可 以 操作 导航 栏 了 。 修 改 导 航 栏 的 Title 属 性 为 Stream， 然 后 拖 擅 一 个 Bar Button Item 到 
导航 栏 的 右 侧 ， 设 置 其 ldentifier 属 性 为 Add， 如 图 10-16 所 示 。 最 后 ， 将 该 Bar Button Item&Stream View Controller 类 建立 |BAction 关 联 ， 设 置 名 称 为 postToStream: 。 
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图 10-16 ”为 Stream View Controller% 29 Navigation Item 和 和 Bar Button Item 


步骤 8 在 项 目 导航 中 打开 AccountsViewController.swift 文 件 ， 在 -prepareForSegue: sender: 方法 中 添加 下 面 的 代码 : 


override func prepareForSegue (segue: UlStoryboardSegue, 
sender: AnyObject?) { 
let selectedIndex = self.tableView.indexPathForSelectedRow () 
if let accounts = self.accounts? { 
if let index = selectedIndex? { 
var account - accounts?[index.row] as ACAccount 
var streamViewController = segue.destinationViewController 
as StreamViewController 


streamViewController.account = account 
streamViewController.title = account.accountDescription 


当 发 生 从 AccountsViewController 到 StreamViewController 过 渡 时 ， 我 们 需要 将 用 户 所 选择 的 账户 对 象 (account) 传递 给 后 者 。 具 体 方法 为 : 首先 从 表格 视图 中 获取 用 户 所 选择 单元 格 的 位 置 
(NSlndexPath 类 型 的 对 象 ) ， 再 通过 indexPath 的 row 属 性 从 AccountsViewController 类 的 accounts 实 例 变量 中 得 到 指定 的 account 对 象 。 接 下 来 ， 从 segue 人 参数 里 面 获得 StreamViewController 对 象 的 
引用 ， 再 将 account 对 象 传递 过 去 。 最 后 ， 修 改 streamViewController 场 景 的 导航 栏 标 题 。 


步骤 9 在 项 目 导 航 中 打开 StreamViewController.swift 文 件 ， 添 加 两 个 协议 方法 使 得 该 类 符合 UITableViewDataSource 协 议 。 然 后 ， 打 开 故 事 板 ， 从 对 象 库 中 拖 遇 一 个 Table View Cell 到 Stream 
View Controller 场 景 中 的 表格 视图 里 面 ， 在 属性 检视 窗 中 将 Identifier 设置 为 StreamCell。 


func tableView(tableView: UITableView, 
numberOfRowsInSection section: Int) -> Int { 


return 0 
} 
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: 
NSIndexPath) -> UITableViewCell { 
var cell = tableView.dequeueReusableCellWithIdentifier ("StreamCell") 
as UITableViewCell 


Ж 


return cell 


) 


在 AccountsViewController 的 -viewDidLoad 方 法 中 ， 我 们 需要 修改 代码 来 获取 用 户 Twitter 账 户 的 信息 。 


步 又 10 ”修改 AccountsViewController 的 -viewDidLoad 方 法 如 下 面 这 样 : 


override func viewDidLoad() { 
super .viewDidLoad () 
// 注 释 掉 下 面 两 行 关于 Facebook 的 设置 
//let fbOptions = [ACFacebookAppIdKey: "434694059946825", ACFacebookPermissions-Key: ["email", "user about me"]] 
//self.retrieveAccounts (ACAccountTypeIdentifierFacebook, options: fbOptions) Е 2 
self.retrieveAccounts (ACAccountTypeIdentifierTwitter, options: nil) 


构建 并 运行 应 用 程序 ， 点 击 用 户 账户 列表 的 某 个 单元 格 以 后 ， 我 们 就 会 看 到 Stream 控制 器 的 视图 ， 如 图 10-17 所 示 。 
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图 10-17 点 击 用 户 账户 后 进入 Stream 控 制 器 的 视图 


10.2.2 ”使 用 Tweet Composer 视 图 友 布 消息 到 Twitter 


social.framework 框 架 为 我 们 提供 了 一 个 方便 发 布 信息 的 控制 器 SLCompose-ViewController， 如 果 你 经 常 在 Safari 中 通过 Web 的 方式 发 布 Twitter 信息 的 话 ， 相 信 你 对 它 不 会 陌生 。 


SLComposeViewController 提 供 了 所 谓 “ 开 箱 即 用 ”的 功能 ， 使 程序 员 不 用 做 任何 的 设置 就 可 以 完成 信息 的 发 布 ， 这 大 大 节省 了 开发 时 间 。 如 果 你 需要 个 性 化 的 用 户 界 面 ， 该 控制 器 也 提供 了 相应 的 


APl 来 完成 自 定义 风格 、 验 证 等 其 他 功能 。 


步骤 1 完成 -postToStream: 方法 中 的 代码 : 


QIBAction func postToStream(sender: UIBarButtonItem) { 
if let theAccount = self.account? { 

if theAccount.accountType.identifier == 
ACAccountTypeldentifierTwitter { 


self.postToTwitter () 
} 
} 
} 


在 该 方法 中 ， 我 们 首先 判断 工作 的 账号 类 型 是 否 为 Twitter， 然 后 执行 -postTo Twitter 方法 。 


步骤 2 ”完成 -postToTwitter 方 法 中 的 代码 ， 这 几 行 代码 用 于 实现 发 布 Twitter 信 息 的 功能 : 


func postToTwitter() { 
if SLComposeViewController.isAvailableForServiceType( 
SLServiceTypeTwitter)|í 
var composeViewController = SLComposeViewController( 
forServiceType: SLServiceTypeTwitter) 
self.presentViewController (composeViewController, 
animated: true, completion: nil) 


首先 ， 我 们 需要 检查 一 下 compose 视 图 是 否 允 许 使 用 Twitter 服务 。 如 果 人 允许 ， 就 使 用 SLServiceTypeTwitter 初 始 化 一 个 compose 视 图 。 最 后 ， 使 用 -presentView Controller: animated: 
completion: 方法 显示 这 个 视图 。 


我 们 还 可 以 预先 设置 compose 视 图 中 的 文本 内 容 、 图 像 和 URL 连 接 。 比 如 在 调用 -presentViewController: animated: completion: 方法 之 前 ， 可 以 做 如 下 的 预 设置 。 


步骤 3 修改 -postToTwitter 方 法 ， 添 加 下 面 加 粗 部 分 的 代码 : 


func postToTwitter() { 

if SLComposeViewController.isAvailableForServiceType( 
SLServiceTypeTwitter)|í 

var composeViewController = SLComposeViewController( 

forServiceType: SLServiceTypeTwitter) 

composeViewController.setInitialText( 

"我 在 SocialApp 中 发 送 了 一 条 Twitter 消息 ! ") 
composeViewController.addURL(NSURL(string: "http://www.sohu.com")) 
composeViewController.addImage (UIImage (named: "Twitter")) 

self.presentViewController (composeViewController, 
animated: true, completion: nil) 


在 compose 视 图 中 ， 我 们 通过 -setlnitialText : 方法 预 设 了 文本 内 容 ， 通 过 -addURL: 方法 预定 义 了 信息 的 URL 连 接 ， 以 及 使 用 了 -addlmage: 方法 预定 义 了 Twitter 图 像 。 针 对 其 中 的 Twitter 图 像 ， 我 
们 需要 自己 创建 并 将 其 导入 项 目的 Images.xcassets 文 件 中 。 


构建 并 运行 应 用 程序 ， 点 击 “+” 按 钮 以 后 ,会 看 到 预先 定义 的 信息 ， 如 图 10-18 所 示 。 


iOS Simulator - iPhone 58 - iPhone 58 / IOS 8.... 


图 10-18 ”在 compose 视 图 中 预定 义 的 文本 内 容 、URL 和 图 像 


© 说 明 如 果 是 在 iOS 模 拟 器 中 运行 SocialApp， 并 不 能 够 成 功 发 送 Twitter， 因 此 我 们 必须 在 真 机 上 测试 信息 的 发 送 。 


10.23 ”发送 消息 到 Facebook 


如 果 我 们 想 要 发 送 消息 到 Facebook， 需 要 改变 服务 类 型 从 SLServiceType Twitter 到 SLServiceTypeFacebook。 


步骤 1 修改 -postToStream: 方法 ， 如 果 用 户 账户 是 Facebook 类 型 ， 则 执行 -post ToFacebook 方 法 : 


QIBAction func postToStream(sender: UIBarButtonItem) { 

if let theAccount = self.account? { 

if theAccount.accountType.identifier == 
ACAccountTypeIdentifierTwitter { 


self.postToTwitter () 


self.postToFacebook () 


步骤 2 添加 一 个 新 的 方法 -postToFacebook， 代 码 如 下 : 


func postToFacebook() { 
if SLComposeViewController.isAvailableForServiceType( 


Nona 


SLServiceTypeFacebook) { 
var composeViewController = SLComposeViewController( 
forServiceType: SLServiceTypeFacebook) 
composeViewController.setInitialText( 

"我 在 SocialApp 中 发 送 了 一 条 Facebook 消 息 !") 
composeViewController.addURL(NSURL(string: "http://www.sohu.com")) 
composeViewController.addImage (UIImage (named: "Facebook")) 

self.presentViewController (composeViewController, 

animated: true, completion: nil) 


在 构建 并 运行 应 用 程序 之 前 ， 我 们 还 需要 改变 AccountsViewController 类 中 的 -view DidLoad 方 法 ， 将 获取 的 账号 设置 为 Facebook 的 代码 ， 并 将 Twitter 代码 注释 掉 ， 如 图 效果 如 图 10-19 所 示 。 
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图 10-19 ”在 compose 视 图 中 显示 的 Facebook 信 息 


10.3 ”使 用 Social.frameworki 井 行 API 调 用 


在 之 前 的 实践 中 ， 我 们 通过 非常 简单 的 代码 实现 了 发 送 Twitter 或 Facebook 信 息 流 。 最 后 ， 我 们 还 要 在 SocialApp 中 根据 账户 类 型 获取 相应 的 信息 流 。 


通过 Social.framework 框 架 ， 只 要 我 们 可 以 访问 这 些 账户 ， 就 可 以 使 用 APl 进 行 特 定 的 交互 ， 比 如 给 某 个 人 发 送信 息 流 ， 获 取 他 们 的 流 信息 或 时 间 线 ， 好 友 或 解除 好 友 ， 关 注 或 停止 关注 等 ， 这 些 都 是 
靠 SLRequest 类 实现 的 ， 而 SLRequest 类 就 是 一 个 封装 了 各 种 属性 的 标准 HTTP 请 求 。 


10.3.1 使 用 SLRequest 检 索 Twitter 流 


账户 中 所 有 在 公共 时 间 线 中 的 信息 流 都 可 以 检索 出 来 ， 这 就 需要 借助 SLRequest。 在 Twitter 的 开发 文档 中 (https://dev.twitter.com/docs/api) 我 们 会 看 到 如 何 发 送 请 求 来 获取 时 间 线 。 


: URL: http://api.twitter.com/1.1/statuses/user timeline.json 
-HTTP 方法 : GET 
GEORG: user id3Xscreen. name 


步骤 1 在 StreamViewController 类 中 添加 一 个 新 的 实例 变量 updates， 该 变量 用 于 存储 从 Twitter 检索 到 的 信息 流 ， 代 码 如 下 


QIBOutlet weak var tableView: UITableView! 
var account: ACAccount? 
var updates = Array«AnyObject» () 


返回 的 信息 流 会 被 解析 成 数组 的 形式 ， 所 以 在 声明 updates 变 量 的 时 候 ， 设 置 其 类 型 为 数组 ， 里 面 的 元 素 为 AnyObject 类 型 。 


步骤 2 修改 StreamViewController 类 中 的 -viewDidLoad 方 法 如 下 面 这 样 : 


override func viewDidLoad() { 
super .viewDidLoad () 


if self.account?.accountType.identifier == 
ACAccountTypeldentifierTwitter { 


self.retrieveTwitterStream() 
} 
} 


在 该 方法 中 判断 如 果 用 户 账户 为 Twitter 类 型 ， 就 调用 -retrieveTwitterStream 方 法 。 


ЖЗ ”添加 一 个 新 的 方法 -retrieveTwitterStream ， 代 码 如 下 : 


func retrieveTwitterStream() { 
var url = NSURL (string: 
"https://api.twitter.com/1l.l/statuses/user timeline.json") 
var params = Dictionary«String, String»() 
params["screen name"] = self.account?.username 
var request: SLRequest - SLRequest(forServiceType: SLServiceTypeTwitter, 
requestMethod: SLRequestMethod.GET, URL: url, parameters: params) 
if let theAccount = self.account? { 
request.account = theAccount 


request.performRequestWithHandler () ( 
(data, response, error) in 
if response.statusCode == 200 { 
var jsonError : NSError? 
var jsonResult = NSJSONSerialization.JSONObjectWithData (data, 
options: NSJSONReadingOptions.MutableContainers, 
error: &jsonError) as Array«AnyObject» 
if jsonError? !- nil ( 
println(jsonError!.localizedDescription) 


} 


self.updates = jsonResult 
dispatch async (dispatch get main queue ()) { 
self.tableView.reloadData () 
} 
} 


在 该 方法 中 ， 我 们 首先 定义 了 一 个 NSURL 对 象 用 来 获取 用 户 的 时 间 线 ， 并 创建 了 params 字 典 变量 ， 设 置 了 键 名 为 screen_name 的 元 素 。 因 为 在 发 送 SLRequest 请 求 的 时 候 ， 我 们 可 能 不 知道 user id, 
所 以 这 个 类 使 用 了 screen_name， 因 为 screen_name 就 是 用 户 账户 的 username 属 性 。 


接 下 来 ， 我 们 创建 了 SLRequest 请 求 ， 指 明了 服务 类 型 为 SLServiceTypeTwitter、 请 求 的 方法 为 GET、URL 地 址 和 之 前 所 定义 的 字典 参数 。 当 创建 好 SLRequest 请 求 以 后 ， 我 们 还 要 将 用 户 账户 赋值 给 
SLRequest 对 象 的 account 属 性 。 


通过 -performRequestWithHandler: 方法 会 执行 SLRequest 请 求 。 当 得 到 服务 反馈 以 后 则 会 执行 其 代码 块 中 的 指令 。 在 代码 块 中 ， 我 们 首先 检查 响应 状态 是 否 为 200。 如 果 是 200 则 代表 正确 返回 。 然 
后 我 们 将 返回 的 data 数 据 使 用 NSJSONSerialization 类 格式 化 为 数组 ， 并 赋值 给 updates 实 例 变量 。 最 后 ， 在 主线 程 中 重新 绘制 表格 视图 。 


当 我 们 获取 Twitter 信息 流 以 后 ， 还 需要 在 表格 视图 中 显示 它们 。 


步骤 4 打开 故事 板 ， 将 StreamViewController 场 景 中 的 单元 格 高 度 设置 为 90 个 点 ， 然 后 将 其 Style 属性 设置 为 Subtitle， 最 后 为 整个 表格 视图 添加 4 个 约束 ， 使 其 与 父 视 图 上 、 下 、 左 、 右 的 距离 都 为 


步骤 5 回 到 之 前 的 StreamViewController.swift 文 件 ， 修 改 -tableView: numberOf RowslnSection: 方法 如 下 面 这 样 : 


func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int { 
return self.updates.count 


— 


步骤 6 修改 -tableView: cellForRowAtIndexPath: 方法 如 下 面 这 样 : 


func tableView (tableView: UITableView, cellForRowAtIndexPath 
indexPath: NSIndexPath) -> UITableViewCell { 
var cell = tableView.dequeueReusableCellWithIdentifier ("StreamCell") 
as UlITableViewCell 
var update = self.updates[indexPath.row] as Dictionary«String, AnyObject» 


if self.account?.accountType.identifier 


ACAccountTypeIldentifierTwitter { 
cell.textLabel?.text = update["text"] as? String 
if let user: AnyObject = update["user"] as AnyObject! { 
if let name = user["name"] as String!í 
cell.detailTextLabel?.text = name 
} 
} 


} 


return cell 


在 该 方法 中 ， 我 们 会 将 updates 中 的 每 个 信息 流 根据 表格 视图 的 需要 做 成 单元 格 。 每 个 信息 流 都 有 一 个 text 属 性 ， 用 于 存储 Twitter 的 信息 内 容 。 而 update 里 面 的 user.name 中 则 存储 了 用 户 名称 ， 将 它 
们 分 别 赋值 给 cell 的 textLabel 和 detailTextLabel 属 性 。 


程序 执行 到 这 里 的 时 候 ， 你 可 能 会 有 一 些 疑 问 ， 我 怎么 知道 每 个 update 里 面 都 有 什么 内 容 呢 ? 其 实在 “var update-self.updates[indexPath.row]as Dictionary< String，AnyObject>” 下 面 一 行 添 
加 printlIn (update) 语句 ， 就 可 以 在 调试 控制 台中 看 到 Twitter 流 的 所 有 相关 信息 ， 如 图 10-20 所 示 。 


tunc tableviseu|tableVig: UITableView, cellFarRmpyAtIndexPath irndexFath: NsIPPxPath) = HUIrTableVview ell 4 
каг cell = tableView.dequeueReusableCellHithIdentifier|"StremsCell"] as UITableVisewCell 
var update = self.updates[LndexPath.row] as Dictionaryestring, Anyübject» 


println{ update} 


if self.accaunt?.accountType.identifier == ACAccountTypeIldentifierTwitter { 
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reply to user id: «null», extended entities: { 
media = ( 


{ 
"display url" = "pic.twitter.con/JlwHziGCNY"; 
"axpanded urt" = "http://tuitter.con/lm cn/status/532918157753618241/photo/1"; 
id = 5832018157422239744: 
"ld str" = 532918157422239744; 
[ 


): 
"media url" = "http://phs. twimg.com/media/BZVOPTuCIAABdT7T.|pg"; 
"media url https" = "https://pbs.twimg.com/nedia/B2VOPZuCIAABd7I.]pq"; 
gizaür — 1 
large - { 
һ = 642; 
resize = 
W = 929; 
H. 
medium = 
h = 414; 
rezireg = 
w = BBB8; 


10-20  i&idprintni& E 4T fp Twitter 8948 X< 4 8; 


构建 并 运行 应 用 程序 ， 效 果 如 图 10-21 所 示 。 
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10.3.2 ”获取 Facebook 信 息 


与 获取 Twitter 的 流 信息 


步骤 1 


override 


) 


super.viewDidLoad() 


i se 


类 似 ， 我 们 同样 可 以 通 


func viewDidLoad() { 


过 相关 的 APl 来 获取 用 户 的 Facebook 信 息 。Facebook 的 Open Graph API 人 允许 我 们 检索 这 些 信息 ， 


F.account?.accountType.identifier == 


self.retrieveTwitterStream() 


self.retrieveFacebookStream() 


func retrieveFacebookStream() { 


var params = Dictionary«String, AnyObject»() 


// 你 自己 的 Facebook App ID 
params [ACFacebookApp] 
params [ACFacebookPermissionsKey] = 
var accountStore = 


var accountType - 


accountStore.requestAccessToAccoun 


ACAccountStore () 
accountStore.accountTypeWithAccountTypeIdentifier( 


in 


(granted, error) 
if granted { 
println(" 


} 
] 


ACAccountTypel 
tsWithType (accoun 


[dKey] = "434694059946825" 
["read stream"] 


图 10-21 SocialApp 添 加 了 访问 Twitter 时 间 


修改 -viewDidLoad 方 法 ， 当 用 户 账户 不 是 Twitter 类 型 的 时 候 就 调用 -retrieveFacebookSstream 方 法 ， 代 码 如 下 : 


ACAccountTypeIdentifierTwitter { 


添加 新 的 方法 -retrieveFacebookStream， 代 码 如 下 : 


[dentifierFacebook) 


options: params) { 


1, RY E") 


tType, 


但 需要 获取 请 求 权限 。 


在 该 方法 中 我 们 重新 检索 所 有 的 具有 read_stream 授 权 的 Facebook 账 户 。 如 果 用 户 授权 可 以 访问 ， 则 通过 迭代 找 出 数组 中 与 当前 账户 匹配 的 ACAccount 对 象 。 


步骤 3 在 if granted 判 断 语句 的 内 部 添加 下 面 的 代码 : 


} 


self.account = theAccount аз? ACAccount 


) 
} 


f granted { 
for theAccount in accountStore.accountsWithAccountType (accountType) { 
if theAccount.username == self.account?.username { 


当 获 取 正 确 的 账户 以 后 ， 就 可 以 创建 一 个 SLRequest 去 检索 用 户 的 流 。 


步骤 4 ”在 -retrieveFacebookStream 方 法 中 ， 添 加 下 面 加 粗 部 分 的 代码 : 


f granted ( 


for theAccount in accounts! 


self.account = theAccount as? ACAccount 


} 
} 


var url = NSURL (string: "https://graph.: 


var request: SLRequest = SLRequest( 
ServiceType:SLServiceTypeFacebook, 


fof 


requestMethod: SLRequestMethod.Gl 
URL: 


url, 


} 


= theAccount 


request.performRequestWithHandler( 


(data, 


response, er 
if response.statusCode == 200 í 


ror) in 


: NSError? 


var jsonError 


var jsonResult: AnyObject? 
NSJSONSerialization.JSONObjectWithData (data, 
options: NSJSONReadingOptions.allZeros, error: &jsonError) 


J 


if jsonError? 
println (jsonl 


Error! 


parameters: nil) 
if let theAccount = self.account? { 
request.account 


tore.accountsWithAccountType (accountType) { 
if theAccount.username == self.account?.username { 


Facebook. com/me/ feed") 


ET, 


nil í 


self.updates = 


} 


result ["data"] 


.localizedDescription) 


if let result: AnyObject = jsonResult? { 
] as Array 


dispatch async (dispatch get main queue ()) { 


self.tableView.reloadData() 


} 
} 
) 


} 


在 该 方法 中 ， 我 们 首先 指定 了 URL 地 址 来 获取 用 户 的 流 ， 然 后 设置 SLRequest 请 求 的 参数 及 其 account 属 性 。 与 Twitter 方法 类 似 ， 还 是 
馈 的 JSON 数 据 ， 并 使 用 NSJSONSerialization 类 将 其 格式 化 。 最 后 ， 调 用 主线 程 中 表格 视图 的 -reloadData 方 法 重新 绘制 表格 。 


接 下 来 ， 我 们 还 需要 将 获取 的 信息 流 显示 在 表格 视图 中 。 


步骤 5 修改 -tableView: numberOfRowslnSection: 方法 如 下 面 这 样 : 


func tableView(tableView: UITableView, 
indexPath: NSI 


се] 


lForRowAt 


[ndexPath) -> UI 


var cell = tableView.dequeueReusableCell 


ndexPath 


TableViewCell { 


WithIdenti 


fier ("StreamCell") 


var update = sel 


i se 


.textLabe] 


F.updates [indexPa 
F.account?.accountType.identifier 
ACAccountTypeIldentifi 


ch.row] 


as UlITableViewCell 


as Dictionary«String, AnyObject» 


.tex 


cel] 


tLabel?.text 


} 


erTwitter { 


t = update["text"] as? String 
i et user: AnyObject = update["user"] as AnyObject! { 
if let name = user["name"] 
cell.detailTex! 


as String!í 
name 


通过 -performRequestWith Handler: 


方法 得 到 从 Facebook 反 


} 
Jelse { 
cell.textLabel?.text = update["story"] as? String 
if let user: AnyObject = update["from"] as AnyObject! { 
if let name = user["name"] as String!í 
cell.detailTextLabel?.text = name 


) 


} 
) 


return cell 


) 


最 后 ， 我 们 在 -tableView: numberOfRowslnSection: 方法 中 将 Facebook 的 信息 流 逐 一 显示 在 表格 视图 中 ， 因 为 与 Twitter 的 数据 结构 不 同 ， 所 以 只 能 通过 else 语 句 重新 格式 化 单元 格 中 的 Label 对 
象 。 


构建 并 运行 应 用 程序 ， 效 果 如 图 10-22 所 示 。 
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10-22 用户 的 Facebook 信 息 流 显示 在 表格 视图 中 


第 11 章 ”调试 你 的 应 用 程序 


在 本 章 中 ， 我 们 将 学 习 如 何 调试 所 编写 的 应 用 程序 代码 。 调 试 是 每 个 程序 猿 赖 以 生存 的 基本 技能 之 一 ， 借 助 它 可 以 为 我 们 在 编写 代码 时 节省 大 量 时 间 。 在 本 章 我 们 还 将 学 习 如 何 阅读 苹果 的 帮助 文档 ， 
它 就 像 是 一 本 百科 全 书 ， 能 够 回答 你 所 有 的 束 手 问题 。 


11.1 为 什么 调试 很 重要 
不 管 你 是 否 承认 ， 在 编写 代码 的 过 程 中 发 现 某 个 问题 与 解决 该 问题 会 占据 你 很 多 的 时 间 和 精力 。 所 谓 问 题 ， 就 是 应 用 程序 没有 按照 程序 员 的 预期 去 运行 ， 俗 称 为 Bug。 当 出 现 Bug 以 后 ， 检 查 代 码 和 解 
决 问题 的 过 程 就 叫做 调试 (Debugging) 。 苹 果 甚 至 还 在 Xcode 中 提供 了 一 套 完整 的 工具 (Instruments) 来 帮助 调试 。 


调试 是 程序 员 在 程序 开发 过 程 中 所 经 历 的 一 个 非常 重要 但 又 必 不 可 少 的 环节 。 不 管 你 之 前 做 了 多 少 个 应 用 程序 项 目 ， 对 Objective-C 或 Swift 语 法 掌握 得 有 多 么 熟练 ， 数 据 结 构 搭 建 得 有 多 合理 ， 你 都 不 
可 能 不 调试 。 即 便 是 再 出 名 的 作家 ， 也 有 可 能 在 自己 的 作品 中 出 现 错别字 ! 所 以 ， 当 代码 中 出 现 Bug 以 后 ， 请 尽量 做 到 心平 气 和 和， 通过 细心 思考 和 续 密 思维 ,借助 Xcode 所 提供 的 调试 工具 解决 问题 。 记 
住 : 调试 是 你 在 开发 过 程 中 的 一 个 重要 部 分 ， 它 可 以 提高 应 用 程序 的 质量 。 


Bug 主 要 分 成 两 大 类 : 编译 时 候 的 问题 和 运行 时 候 的 问题 。 


11.2 ”编译 时 候 的 问题 


要 想 理解 编译 时 候 的 问题 ， 我 们 就 必须 理解 Xcode 是 如 何 工作 的 。 不 管 是 从 Xcode 6 开始 引入 的 Swift 语言 还 是 之 前 苹果 一 直 使 用 的 Objective-C 语 言 ， 它 们 都 是 通过 编译 器 转换 成 (4 和 1 两 个 数字 以 后 ， 
在 iOS 设 备 中 运行 的 。 这 个 从 Swift 语言 到 0 和 1 的 转换 过 程 就 叫 作 编译 ， 或 者 称 为 构建 。 编 写 的 代码 与 编译 是 一 个 重要 的 过 程 ， 如 果 没 有 正常 编译 ， 我 们 的 应 用 程序 将 不 会 启动 和 运行 。 每 当 我 们 点 击 Xcode 
左上 角 “Play” 按 钮 的 时 候 ， 都 会 先进 入 构建 阶段 。 如 果 构 建成 功 ， 应 用 程序 就 会 在 模拟 器 中 运行 。 如 果 失败 ，Xcode 将 会 显示 红色 的 错误 。 


创建 一 个 全 新 的 Single View Application 项 目 ， 设 置 名 称 为 Debug。 然 后 在 AppDelegate 类 的 application: didFinishLaunchingWithOptions: 方法 中 添加 下 面 两 行 代码 : 


var addTotal = 60 + 40 
var half = addTotla / 2 


当 我 们 输入 完成 第 二 行 代 码 以 后 ， 就 会 产生 一 个 编译 错误 ， 这 里 我 们 并 没有 声明 一 个 叫做 addTotla 的 变量 (应 该 是 addTotal) ， 所 以 引发 了 一 个 错误 并 且 导 致 编译 失败 ， 如 图 11-1 所 示 。 


E кА AA o m E: D opm: Ë AnpDeegate swift ^ [2] applicationi :didFinsshLaunchingWithoptians) < @ > 


| import UIKit 
By Type (OE 
| d&ulApnlicatiaonMain 
w д, iaa | class AppDelegate: UIResponder, lUIApnplicationDelegate 1 
7 Быша | 
т B ApeoDelegate swit | var window: UIWindow? 
r Swift Compiler Error 
Lise af unresolved identifier 'addTotia' 


func applicatipniapplication: UlAppi:cation, didFinishLaunchingWwithüptiaons 
launchüptions: [NMSObj]ect: AnmyDObj]ect]?) -> Baol 4 
## Üüverride paint Рог customization after application launch. 
маг addTotal m 60 + 4B 
var half z айат la f 2 


return true 


图 11-1 问题 导航 中 呈现 的 编译 错误 


当 出 现 编译 错误 的 时 候 ，Xcode 会 告诉 我 们 错误 的 原因 为 : Use of Unresolved IdentifieraddTotla ， 意 思 是 未 识别 出 所 使 用 的 “标识 ”。 如 果 你 是 首次 看 到 这 样 的 错误 提示 可 能 会 有 些 迷 糊 ， 并 不 清 
楚 提示 所 表达 的 意思 。 接 着 往 下 看 ， 你 就 自然 而 然 地 明白 了 。 这 里 所 说 的 标识 也 就 是 代码 中 的 变量 ，Xcode 编 译 器 并 没有 在 程序 代码 中 找到 add Totla 变 量 的 声明 ， 也 就 是 说 我 们 当前 使 用 了 一 个 并 不 存在 的 
变量 。addTotla 不 存在 的 原因 是 我 们 拼写 错误 ， 将 它 改 为 addTotal 以 后 问题 解决 。 


Var addTotal = 60 + 40 
var half = addTotal / 2 


需要 提醒 大 家 的 是 ， 当 我 们 遇 到 问题 的 时 候 一 定 要 沉 住 气 ， 不 能 心急 。 因 为 解决 一 个 问题 有 可 能 需要 几 分 钟 、 几 个 小 时 甚至 是 几 天 。 但 是 请 记 住 ， 犯 错误 和 解决 错误 是 最 好 的 学 习 过 程 。 积 极 的 态度 和 
一 点 点 的 坚持 可 以 让 你 走 得 更 远 。 


编译 错误 分 为 两 种 类 型 : 错误 (error) 和 警告 (warning) 。 


11.21 错误 
编译 错误 大 部 分 情况 可 能 是 因为 语法 、 访 问 属性 或 者 匹配 正确 的 类 型 。 这 种 问题 都 会 被 Xcode 捕 获 ， 并 且 用 带 红 色 圆 圈 的 惊叹 号 显示 在 问题 代码 行 的 左 侧 。Xcode 对 于 编译 错误 的 检查 类 似 于 微软 Word 
的 语法 和 拼写 检查 。 如 果 发 生 了 一 个 错误 ， 错 误 在 被 高 亮 的 同时 ， 还 会 提供 一 些 解决 方案 的 建议 。 


Xcode 具有 提供 问题 解决 方案 的 能 力 ， 叫 做 Fix-it。 如 果 有 修复 建议 ， 红 圈 中 的 惊叹 号 将 会 变 成 小 白 点 。 点 击 小 日 点 以 后 会 弹出 菜单 ， 菜 单 中 会 有 问题 的 说 明和 可 能 的 解决 方法 。 当 点 击 Fix-it 选 项 时 ， 
建议 的 修复 方案 会 自动 添加 到 代码 之 中 。 


11.22 警告 
在 某 些 情况 下 ，Xcode 会 怀疑 在 运行 过 程 中 可 能 会 出 现 的 问题 ， 但 这 些 问 题 并 非 致 命 。 我 们 把 这 种 情况 叫做 和 警告。 代码 中 发 生 和 警告 可 能 是 因为 没有 声明 变量 类 型 ， 或 者 是 某 些 变量 没有 使 用 过 。 如 果 发 
生 和 警告， 会 在 问题 代码 行 的 左 侧 显示 黄色 的 小 三 角 ， 氮 击 黄色 小 三 角 以 后 也 会 出 现 问题 的 描述 。 我 们 要 将 警告 视 同 为 错误 ， 虽 然 构建 过 程 可 以 完成 ， 但 是 知 不 解决 警告 ， 往 往 会 产生 潜在 的 问题 。 


当 构 建 应 用 程序 时 ， 发 生 错 误 或 警告 的 数量 会 显示 在 Xcode 顶 部 工具 栏 之 中 。 只 要 出 现 错误 ，Xcode 将 会 停止 构建 并 显示 构建 失败 的 提示 。 然 而 ， 如 果 只 有 和 警告 ，Xcode 会 继续 构建 应 用 程序 ， 并 且 在 
构建 结束 时 显示 成 功 的 提示 ， 如 图 11-2 所 示 。 项 目 中 所 有 的 错误 和 警告 都 会 被 集中 到 问题 导航 中 ， 供 程序 员 统一 管理 。 


Build Failed Build Succeeded 


图 11-2 ”应 用 程序 构建 失败 和 成 功 的 提示 图 标 


问题 导航 位 于 Xcode 的 导航 区 域 之 中 ， 我 们 可 以 点 击 导航 栏 中 第 四 个 图 标 将 其 显示 在 导航 区 域 里 面 (或 者 使 用 Command+4 快 捷 键 ) 。 问 题 导航 会 显示 项 目 中 所 有 的 问题 、 错 误 和 警告 。 点 击 某 个 问题 
后 ， 编 辑 区 域 就 会 自动 打开 相关 的 文件 已 经 高 亮 显示 有 问题 的 代码 行 。 问 题 导 航 也 会 呈现 问题 的 描述 信息 ， 使 得 我 们 可 以 更 加 容易 发 现 产 生 问题 的 原因 。 


11.3 ”运行 时 候 的 问题 


4— 


所 谓 “ 运 行 时 候 ” 是 指 当 应 用 程序 被 运行 并 且 在 模拟 器 或 者 真 机 上 看 到 视图 的 时 候 。 比 如 ， 当 用 户 点 击 视图 中 的 按钮 后 ， 发 生 了 应 用 程序 崩溃 ， 这 时 的 问题 就 属于 运行 时 候 的 问题 。 解 决 运行 时 的 问题 
往往 要 比 解决 编译 时 的 问题 难得 多 ， 因 为 很 难 了 解 某 行 代码 在 运行 时 候 是 什么 样 的 情况 ， 这 就 需要 借助 断 点 (Breakpoints) 的 帮助 。 当 应 用 程序 运行 的 时 候 ， 断 点 允许 程序 员 临 时 暂停 所 执行 的 代码 ， 并 碍 
看 逐 行 执行 代码 的 效果 。 我 们 把 逐 行 执行 的 过 程 叫做 单 步 ， 单 步 的 效果 就 像 是 我 们 在 家 中 看 电视 中 的 慢 镜 头 回 放 一 样 ， 可 以 看 到 逐 帧 的 运行 效果 ， 使 我 们 清楚 了 解 每 一 步 是 否 正确 执行 。 


月 溃 是 在 应 用 程序 运行 时 ， 遇 到 了 无 法 处 理 的 问题 导致 的 。 此 时 应 用 程序 将 被 天 闭 ， 严 重 的 时 候 会 导致 用 户 无 法 再 次 打开 该 应 用 程序 ， 而 只 能 党 试 将 其 在 设备 中 删除 后 重新 安装 。 


11.3.1 ЁТЕ 


Ена раўн, ИОН аА ШҢ%ЛХ@Л=ЛПИШ Е, ас ХАУСА А0 АУТА TS SUR] LESSER, ласа УА ХЕРА НИР Z rR, {жй лир 11415 
的 时 候 会 被 暂停 ， 如 图 11-3 所 示 。 


步骤 1 ТЕ "var addTotal=60+40" 代码 行 的 前 面 添加 一 个 端点 。 


import UIKIT 


auIApplicationMain 
class AppDelsgate: UIResponder, lIApplicationDelegate 1 


var window: UIWindaw] 


func application(application: UIApplication, didFinishLaunchingWithüptions launchüptions;: 
[М506 јесЕ: AnyObject]?) -> Bool í 
// Üüverride point far customization after application launch. 
var addTotal = 60 + 40 Thread 1: breakpaint 1.1 
var half = addTotal / 2 


return true 


图 11-3 ЖЖ га, Š ARRIRA ALS 


当 应 用 程序 暂停 的 时 候 ，Xcode 底 部 的 调试 区 域 将 会 出 现 。 调 试 区 域 分 为 左右 两 个 部 分 : 位 于 左边 的 变量 视窗 和 右边 的 控制 台 ， 如 图 11-4 所 示 。 


WB [> c Lig | ш, [ГЇ BoDebug.AppDelegste арса кап Debug... Object, Sw. AnyObpects s) - Swift Bal 


F С арріісайік = (ilsopicatior] баис ЬО бе FÚ 1146] 
£53 Пашен pions = Hacen йите фасл |7) тй 

b- L3 аі = IDstup &ppoeimgars] Hir pha 

F L3 addTotal = ni ü 

F LÀ half = йо B32XxEx2Hg2BT3 


All Qutput $ 


图 11-4 出 现在 Xcode 底 部 的 调试 区 域 


步骤 2 右 击 变量 视图 中 的 addTotal 变 量 ， 然 后 选择 Print Description of “addTotal” 选 项 将 变量 的 详细 信息 打印 到 控制 台中 ， 如 图 11-5 所 示 。 


>] EB b  & Lodi и F] о Debug.AppDel...»») -> Swift.Bool 


* 7 application = (UiAnpication] ÜxOQOUO?ffd2d... | Printing description of addTotal: 
T launchOptions = [NSOtject: AnyObosc]zi nil | 10%) addTotal = 188 


[Tläb] 
k А &elf = [Dabug.AppnOnsiegate)  кПППИТГТ d2ed4, ,. 


P | addTotal = int 100 
[= dal һа = [nil 6223332892673 


8115 右 击 变量 视图 中 的 addTotal 选 择 Ptint Description of 选项 后 ， 在 控制 台中 显示 的 变量 信息 


之 前 我 们 也 使 用 过 printin () 函数 在 控制 台中 打印 一 些 信息 ， 比 如 : 


println ("点 击 了 注册 按钮 ”) 


println () 函数 会 携带 一 个 字符 串 参 数 ， 可 以 直接 将 信息 打印 到 控制 台 里 面 。 


11.3.2 ”使 用 调试 器 


当 我 们 调试 应 用 程序 运行 到 断 点 的 时 候 ， 可 以 在 调试 区 域 的 顶部 看 到 调试 工具 栏 ， 如 图 11-6 所 示 。 


' m Е 0 Debug.AppDelegate.applic...ft.AnyObject») -> Swift.Bool 


911-6 ”调试 区 域 中 的 调试 工具 栏 


表 11-1 列 出 了 调试 工具 栏 中 从 左 到 右 的 按钮 功能 。 


表 11-1 调试 工具 栏 中 按钮 的 功能 


按 ҮН ІЛ ВЕ fi Mh 
Show/Hide 显示 和 隐藏 调试 区 
Enable or Disable Breakpoints 党 许 或 禁止 断 点 功能 
Continue 从 当前 断 点 让 程序 继 毕 运行 直至 结束 或 暂停 在 下 一 个 断 点 处 
Step Over 执行 下 一 行 的 代码 ， 就 像 是 逐 帧 播放 的 视频 
Step Into 如 果 可 以 ,调试 指针 将 进入 方法 里 面 
step Out mAn A, WTE ERE [Elya HA B A A 
Debug View Hierarchy 3& x nT 041 83 Jy SN C Sr ТАД ло A E 4 Jal 
Simulate Location 选择 一 个 城市 模拟 它 的 GPS 坐标 
Method Name 显示 了 当前 所 调试 的 方法 


其 中 单 步 (Step Over) 使 用 频率 最 高 ， 它 给 了 程序 员 一 种 “ 慢 镜头 ” “ 逐 帧 ”的 代码 运行 体验 。 


114 帮助 文档 


作为 一 名 程序 员 ， 帮 助 文 档 是 你 最 好 的 朋友 之 一 。Xcode 的 文档 描述 了 每 个 方法 、 属性 或 变量 是 如 何 工 作 的 。 它 可 以 帮助 我 们 了 解 方法 的 参数 或 返回 值 类 型 。 苹 果 在 帮助 文档 方面 花费 了 很 大 的 资 
源 和 精力 ， 如 果 在 编写 代码 的 过 程 中 遇 到 了 问题 ， 首 先 想 到 的 就 应 该 是 查阅 帮助 文档 。 


打开 帮助 文档 ， 我 们 可 以 点 击 Xcode 荣 单 中 的 “Windows 一 Documentation and API Reference”， 随 后 出 现 文档 窗口 ， 如 图 11-7 所 示 。 当 我 们 进行 开发 时 ， 总 是 打开 帮助 文档 窗口 是 一 个 非常 好 的 
习惯 ， 但 前 提 是 你 的 Mac 显 示 器 要 足够 大 。 


文档 窗口 看 起 来 有 点 儿 像 一 个 Web 浏 览 器 。 在 搜索 框 中 我 们 可 以 直接 输入 关键 字 ， 然 后 再 从 左 侧 列 表 中 选择 相关 的 条 目 。 在 搜索 框 左边 的 三 线 按钮 可 以 打开 内 容 页 面 中 的 列表 ， 在 这 个 列表 中 可 以 显示 
出 所 有 标题 和 文档 所 提供 的 特定 主题 。 通 过 这 个 列表 ， 我 们 也 可 以 快速 导航 ， 定 位 指定 的 部 分 。 在 它 前 面具 有 小 三 角 的 按钮 可 以 显示 库 导航 ， 与 搜索 不 同 ， 库 导航 可 以 让 我 们 浏览 整个 帮助 文档 。 再 前 面 则 
是 前 进 和 后 退 按钮 ， 它 们 的 功能 就 不 再 介绍 了 。 
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在 主 窗口 中 出 现 的 是 我 们 所 选择 的 类 、 引 用 或 指南 。 在 类 的 情况 下 ， 文 档 将 提供 一 个 简要 说 明 ， 然 后 会 列 出 所 有 可 用 的 方法 和 属性 。 每 个 方法 和 属性 都 会 有 说 明和 声明 样 例 。 对 方法 来 说 ， 它 的 每 
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This UtViewtontroller glass provides Ihe Fundamental view-management model tor all 105 apos. You rarely rustanliale 
UIViewContraller objects directhy. Insbead, you instan&ate subclagses of Ihe Ul iescantraller gass based on the specific Task each 
subclass performs, 


A view controller manages a set af views that make up a porion of your app usar interface. As part af the controller layar of your app. 
a view controller coordinates ils efforts wilh model objects and other controller objects —ineluding other view contrallers—so your арр 
prasants a singla coharant user interface. 


Where necessary, a view controlar: 
- nagizea and lays out its views 
" adjusts tha contents of the views 
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A view controller ig tighthy bound ro tha winan [manages and lakas part in the neeponder chain овас to handle eventa, Viaw contrallers 
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图 11-7 Xcode 中 的 帮助 文档 


数 和 返回 值 都 有 详细 的 描述 。 最 后 ， 还 会 有 一 个 方法 和 属性 的 可 用 版 本 ， 比 如 说 “Available in iOS 2.0 and later”， 代 表 该 方法 从 iOS 2.0 开 始 都 可 用 。 


帮助 文档 提供 的 不 仅仅 是 文档 和 指南 ， 它 还 会 提供 一 


些 示例 代码 和 示例 项 目 。 通 过 学 习 这 些 示 例 项 目 ， 可 以 帮助 我 们 更 好 地 学 习 苹果 是 如 何 将 各 种 技术 完美 融合 的 。 比 如 ， 在 库 导 航 中 打开 “iOS 


^ 


8.1—Cocoa Touch Layer—UIKit2Sample Code 一 HelloWorld”。 这 个 示例 项 目 向 开发 者 展示 了 如 何 创建 一 个 简单 的 应 用 程序 ， 该 程序 的 功能 是 接收 用 户 的 输入 ， 然 后 将 其 显示 在 用 户 界面 中 。 点 击 
Open Project 就 可 以 在 Xcode 中 查看 示例 代码 ， 如 图 11-8 所 示 。 
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Documenta 一 Науа 


About Hallovénrnd 


Пада. tkt "T 

ign HelloWorld 
Classe Hed Ар Санаан, Open Project 
ClassenHellatorkdónnDeiegmin.m 


Classen Mrlimazontralar.h 


Jossa Тен ° 3 d | 
Cla niraliar.m Last Revision: Version 1.8, 2010-06-24 
Raviion History Upgraded project to build with the iD 4.0 SDK. 


(Full Віз агь Histnryl 
Build Remuiremants: 105 4.0 SDK 


Runtime Requirements: — iPhone Q3 3.2 or later 


HelloWarkd demonstrates hey të use a keyboard rà enter text inta à text field and how tà display 


the text in a lamel. 


图 11-8 在 帮助 文档 中 查看 示例 项 目 


参 


一 名 优秀 的 程序 员 肯 定 会 花费 相当 多 的 时 间 和 精力 在 文档 上 面 ， 因 为 这 样 可 以 使 我 们 变 得 更 加 完美 。 鉴 于 帮助 文档 已 经 成 为 开发 人 员 每 天 不 可 或 缺 的 “必修 课 ”， 这 里 还 有 一 些 与 帮助 文档 相关 的 技巧 


和 窍门 向 大 家 分 享 。 


如 果 我 们 有 一 个 关于 特定 类 、 关 键 字 或 方法 的 问题 ， 可 以 将 鼠标 悬 停 在 其 上 面 ， 然 后 按 住 Option 键 并 点 击 鼠 标 ， 就 会 弹出 一 个 快速 帮助 窗口 ， 如 图 11-9 所 示 。 在 窗口 中 ， 我 们 会 看 到 方法 的 声明 、 描 述 


和 帮助 的 引用 链接 。 点 击 引 用 链接 以 后 会 打开 帮助 文档 ， 


除 此 以 外 还 可 以 按 住 Option 键 双击 鼠标 ， 从 而 跳 过 帮助 窗口 直接 打开 帮助 文档 ， 也 可 以 通过 Command+Shift+0 快 捷 键 打开 帮助 文档 。 


&lIA^pplicationMain 
tlas& AppDelegate: üIResponder, UIAaplicationDelegate | 


var window! UIWindow? 


func appli-ationiapplication: UIAppiication, didFinishLaunchingwWithüptions laumchÜptions: [NSDbject: Anyübject]?) -> Bool í 
func application[application: UIApplication, 
didFinishLaunchingwithüptions launchüptions: [NSObject : 
AnyDnject]?] -> Вост 


Tells the delegate that the launch process is almost done and the арр is 
almost ready to run. 


application Tha aingiaton app обја. itive state. This can occur for certain types of temporary | 
launchüptions А dictionary indicating tha resson the app was ле application and it begins the transition to the баскдгоц 
launched [И any]. гої Де down üpenGL ES frame rates. Games should use this d 


NO If the app cannot handle the URL resource or continue a user 
activity, atharwisa rebum YES. 


! ! invalidate timers, and store enaugh application state infoj 
i8 (3.0 and later) Er. ugn app | 


ики J is called instead of applicationWillTerminate: when the 


UlApplicatnDelegate Protozool Biederence 


8119 ДЖ E E ESEOptionsbJE E d; EUR 


帮助 文档 中 一 个 必 读 的 部 分 就 是 “iOS 人 机 界面 指南 ”。 在 帮助 文档 的 搜索 框 中 输入 “iOs Human Interface Guidelines” 就 可 以 快速 定位 。 人 机 界面 指南 介绍 了 如 何 使 用 苹果 提供 的 界面 元 素来 合理 
搭建 用 户 界 面 。 如 果 你 不 想 在 提交 应 用 程序 上 架 到 App Store 的 时 候 被 苹果 拒绝 ， 就 必须 认真 阅读 这 个 指南 。 


接 下 来 ， 我 们 就 通过 帮助 文档 来 解决 现实 工作 中 所 遇 到 的 关于 应 用 程序 lcons 的 问题 。 


11.6 通过 帮助 文档 了 解 应 用 程序 图 标 


应 用 程序 图 标 是 用 来 在 App Store、iOS 设 备 的 主屏 幕 、 设 置 应 用 程序 ， 甚 至 是 Spotlight 中 所 显示 的 该 应 用 程序 的 图 片 标识 。 应 用 程序 图 标 根据 用 途 和 设备 的 不 同 会 有 很 多 的 尺寸 ， 为 了 对 应 用 程序 图 
标 有 一 个 全 面 了 解 ， 我 们 需要 借助 帮助 文档 。 


步骤 1 打开 帮助 文档 ， 在 搜索 框 中 输入 icon sizes， 然 后 从 下 拉 列 表 中 选择 “lcon and Image Sizes”， 如 图 11-10 所 示 。 


озо Documentation = iOS Human Interface Guidelines: Icon al 

< > | [w] Gr icon sizes | 
| Activity View Control 
Colaction View 
Centainer View Cont 
image View 


Top Hiis 
S Icon and ШЕН Sizes Fart V: Icon 
I Add icons, Images. and Effects —-——— 
国 Configuring Web Applications 

Ш) Technical Q&A QA16B8B 


Мар View 
Page View Controller 


Ророуег mi 08 Human Iriberface Guidelines: Web Clip leors 

Boroli View IDS Human Interface Guldalinag: Bar Button Icons | 

Split View Controller IQ Human Interface Guldelinas: laorem and Graphics KG Huma в Guld : | 
图 11-10 在 搜索 框 中 查找 icon sizes X ФЕ F 


此 时 在 帮助 文档 中 会 显示 之 前 介绍 过 的 人 机 界面 指南 的 内 容 ， 并 且 定 位 指南 的 第 V 部 分 “Icon and Image Sizes”。 从 该 页 面 中 ， 我 们 除了 可 以 看 到 关于 Icon 的 说 明 以 外 ， 还 有 一 个 规定 了 Icon 图 标 和 
启动 画面 大 小 的 表格 ， 如 表 11-2 所 示 。 


表 11-2 自 定 义 应 用 程序 图 标 和 启动 画面 的 大 小 (单位 为 像素 值 ) 


Asset 


iPhone 6 Plus | iPhone 6 and iPhone 4s iPad and iPad 
(@3х) iPhone 5 (@2х) (@2х) mini (@2х) 


180 x 180 


App icon (应 用 程序 图 
标 ， 对 于 所 有 应 用 程序 ， 
这 是 个 必 选 项 ) 


120 x 120 152 x 152 


App icon for the App 
Store( 出 现在 APP Store 中 
的 应 用 程序 ， 对 于 所 有 应 
用 程 奈 ， 这 是 个 必 选 项 ) 


1024 x 1024 1024 x 1024 1024 x 1024 1024 x 1024 


For iPhone 
: ims 1536 x 2048 


(portrait) 
2048 x 1536 
(landscape) 


iPhone 4s iPad and iPad 
(02x) mini (@2х) 


80 x 80 


Launch file or image (fur 
用 程序 启动 文件 或 图 像 ， 


对 于 所 有 应 用 程序 ， 这 是 
个 必 选 项 ) 


б, use a launch 
file (see Launch 
Images)For iPhone 
5, 640 x 1136 


Use a launch 
file(sce Launch 
Images) 


640 x 960 


iPhone 6 and 


Asset 


iPhone 6 Plus 
(03x) 


120 x 120 


iPhone 5 (@2х) 


Spotlight search results 
icon (应 用 程序 搜索 列表 


中 的 图 标 ， 推 荐 ) 


Settings icon (设置 程 
奈 中 出 现 的 应 用 程序 图 
bk. EXE) 

Toolbar and navigation 
bar icon (工具 栏 或 导航 
ERR, Oit) 


6 7 x 87 58x58 


About 66 x 66 About 44 x 44 About 44 x 44 About 44 x 44 


About 50 x 50 
(maximum: 
96 x 64) 


About 50 x 50 
(maximum: 


96 x 64) 


About 50 x 50 
(maximum: 
96 x 64) 


About 75 x 75 
(maximum: 
144 x 96) 


Tab Е icon 【标签 栏 图 
Ж A (Тї) d 


Default Newsstand 
iid шадан At least 1024 At least 1024 
pixels on the 


longest edge 


At least 1024 
pixels on the 
longest edge 


At least 1024 


cover icon for the App хе] th 
pixels on c 


Store (ER iA If] Ze zi ВК, 
do x ) 


pixels on the 


longest edge longest edge 


180 x 180 120 x 120 120 x 120 152 x 152 


可 选 的 ， 图 像 的 最 大 和 最 小 值 分 别 是 多 少 。 


Web clip icon (网 页 图 
标 ， 推 荐 ) 


从 表 11-2 中 我 们 可 以 了 解 到 哪些 图 像 是 我 们 必须 提供 的 ， 它 的 大 小 分 别 是 多 少 。 哪 些 是 


在 我 们 开发 项 目的 时 候 ， 要 为 应 用 程序 准备 很 多 内 容 相同 但 分 辨 率 不 同 的 图 片 ， 并 且 这 些 图 片 最 好 存储 在 项 目的 Images.xcassets 之 中 。 


步骤 2 ”在 项 目 导 航 中 选择 Images.xcassets 文 件 ， 点 击 列表 中 的 Applcon， 在 右 侧 的 面板 中 会 


[= Debug › Ml Debug › ü ітадев.хсаявеёв ' Аррісоп 
"B. putei iQ SDK 8.1 
т * Debug 
a AppDelegate.swift 
> MiewContrallar. swift 


> Main.storyboard 2x 3x 2х Зх 
[Кш Images. ховав 
х} LaunchSecreen.xib 
P | z Supporting Files 
кь z DebugTests 
P Products 


iPhone 
Spotlight - iOS 5,6 
Settings - IOS 5-B 


iPhone Spotlight 
iOS 7,8 
dapt 


图 11-11 项 目的 AppIcon 图 标 设置 


iPad 2 and iPad 
mini ((E 1x) 


1024 x 1024 


768 x 1024 
(portrait) 
1024 x 768 
(landscape) 


(Ж) 
iPad 2 and iPad 
mini (1x) 


40 x 40 


29 x 29 


About 22 x 22 
About 25 x 25 


(maximum: 
48 x 32) 


At least 512 


pixels on the longest 


edge 


I6 x 76 


SOT AG Е, hEEDT1-11Brzm. afl Je] LR SAH BS] P Tte EE, 


iPhana App 


iOS 7,8 
борї 


步骤 3 如果 想 添加 特定 的 Icon， 我 们 还 可 以 借助 属性 检视 窗 。 继 续 选中 Applcon， 打 开通 用 区 域 的 属性 检视 窗 ， 选 择 为 不 同 iOSs 设 备 和 版 本 建立 con， 如 图 11-12 所 示 。 


App icon 


Mame Аррісоп o 
IPhone Ë iOS 8.0 and Later Sizes 
iOS 7.0 and Later Sizes 


iOS 6.1 and Prior Sizes 
iPad 105 /,U and Later Sizes 
iOS 6.1 and Prior Sizes 
CarPlay — All Sizes 
Mac X All Sizes 


iOS Icon IB pre- 


图 11-12 App Icon 的 属性 检视 窗 


第 12 章 ”文件 和 文件 目录 管理 


iOs 是 从 Mac OS X 系 统 发 展 而 来 的 ， 而 OS X 系 统 本 身 则 基于 UNIX 操 作 系统 的 内 核 。 在 iOs 中 ， 操 作 系统 的 目录 结构 对 应 用 程序 和 编写 代码 的 程序 员 来 说 是 不 可 见 的 ， 每 个 应 用 程序 只 能 “生存 ”在 属 


于 自己 的 “安全 沙 箱 ” 之 中 。“ 安 全 沙 箱 ” 意 味 着 应 用 程序 只 能 在 一 个 受制 区 域 中 访问 自己 的 文件 或 文件 目录 。 每 个 应 用 程序 都 有 属于 自己 的 沙 箱 目 录 ， 并 且 在 这 个 目录 中 还 有 很 多 默认 的 子 目 录 供应 用 程 


序 访 问 。 


12.1 1OS 文 件 系统 简介 


当 将 应 用 程序 安装 到 iOS 设 备 上 以 后 ， 系 统 会 自动 创建 它 的 目录 结构 ， 如 图 12-1 所 示 。 


照片 ”应 用 程序 其 他 系统 目录 
”其 他 应 用 程序 | 我 的 应 用 程序 


Docments | | Nene app | Library _ NN MN 


Caches Preferences 


图 12-1 iOS 文 件 系统 的 目录 结构 


从 图 12-1 中 我 们 可 以 发 现 ，iOS 文 件 系统 有 一 个 根 目录 ， 在 根 目 录 的 下 面 分 别 包含 : 照片 目录 ， 设 备 所 拍摄 的 照片 都 存储 在 该 目录 之 中 ; 应 用 程序 目录 ， 人 存储 设备 中 所 安装 的 所 有 应 用 ; 其 他 系统 目录 
中 包含 了 系统 会 用 到 的 其 他 类 型 文件 。 


应 用 程序 目录 中 会 为 每 个 应 用 程序 创建 独立 的 目录 ， 进 入 其 中 的 一 个 应 用 程序 目录 以 后 ， 会 有 下 面 这 些 主要 的 目录 。 
(1) Name.app 


里 然 Name.app 具 有 .app 扩 展 名 ， 但 它 确实 是 一 个 目录 ， 目 录 中 包含 了 应 用 程序 所 有 的 内 容 。 例 如 应 用 程序 图 标 、 启 动画 面 、 应 用 程序 二 进 制 文件 、 图 像 、 字 体 、 声 音 、 视 频 等 。 不 管 是 通过 App 
Store 还 是 iTunes， 只 要 我 们 将 应 用 安装 到 iOS 设 备 上 以 后 ， 所 有 的 这 些 资源 都 会 被 自动 安装 到 该 目录 之 中 。Name 是 生成 的 产品 名 称 ， 如 果 应 用 程序 的 名 称 叫 做 MyCalculator， 那 么 这 个 目录 就 叫做 
MyCalculator.app。 


(2) Documents 
这 个 目录 中 可 以 存放 用 户 所 创建 的 内 容 。 比 如 绘制 的 图 像 、 录 制 的 音频 、 记 录 的 文本 信息 等 。 不 建议 存储 应 用 程序 自己 所 产生 、 下 载 或 创建 的 内 容 。 
(3) Library 

这 个 目录 用 于 存储 缓存 文件 、 用 户 的 偏好 设置 等 。 通 常 ， 该 目录 中 不 会 存储 文件 ， 而 是 包含 其 他 的 目录 。 

(4) Library/Caches/ 


该 目录 用 于 存储 用 户 的 数据 ， 并 且 可 以 在 之 后 重新 创建 这 些 数 据 ， 这 个 目录 中 的 文件 不 会 被 备份 到 Tunes 中 。 如 果 iOS 设 备 在 运行 的 过 程 中 发 生存 储 空间 不 足 ， 并 且 你 的 程序 没有 被 运行 的 情况 下 ， 有 
可 能 会 删除 该 目录 中 的 内 容 ! 所 以 , 干 万 不 要 过 分 地 信任 这 个 目录 中 的 内 容 ， 要 随时 随 刻 想 着 是 否 要 重建 这 里 面 的 数据 。 


如 果 你 的 应 用 程序 运行 需要 依赖 一 些 文件 ， 这 里 不 是 绝 佳 的 地 点 ， 你 应 该 在 tmp 目 录 中 创建 文件 夹 并 存储 相关 的 文件 。 
(5) Library/Preferences/ 

就 像 它 的 名 字 一 样 ， 这 个 目录 包含 了 应 用 程序 的 偏好 设置 信息 ，iTunes 会 备份 该 目录 。 

(6) tmp/ 


这 是 一 个 存放 临时 文件 的 目录 ， 它 不 会 被 Tunes 备 份 。 例 如 ， 为 了 增强 应 用 程序 的 用 户 体验 程度 ， 我 们 可 以 将 从 互联 网 下 载 的 照片 存储 在 这 里 ， 当 用 户 再 次 打开 应 用 程序 的 时 候 就 不 用 重新 下 载 了 ， 其 
实 这 就 是 这 个 目录 的 作用 。 请 确保 不 要 将 用 户 创建 的 数据 存储 在 这 里 。 


通过 上 面 的 介绍 ， 大 家 已 经 了 解 在 应 用 程序 安装 到 iOS 设 备 以 后 所 创建 的 目录 及 其 功能 。 接 下 来 就 需要 我 们 通过 程序 代码 找 出 这 些 目录 的 路 径 。 


现在 ， 因 为 在 iOS 中 有 统一 的 地 方 来 存储 账号 信息 ， 所 以 用 户 可 以 给 应 用 程序 分 配 一 定 的 安全 权限 ， 使 其 可 以 与 Facebook、Twitter 或 新 浪 微 博 进 行内 容 分 享 和 交互 。 


12.2 在 磁盘 中 搜索 弟 用 目录 


通过 苹果 提供 的 API 可 以 帮助 我 们 快速 定位 那些 常用 的 目录 ， 之 后 便 可 以 访问 这 些 目录 中 的 内 容 或 在 该 目录 中 创建 文件 。 
че; 对 程序 员 来 说 ， 我 们 一 定 要 通过 iDOS SDK 所 提供 的 API 来 查找 目录 或 文件 。 换 句 话 说， 就 是 永远 不 要 假设 存在 某 个 目录 或 文件 的 路 径 。 例 如 ， 使 用 正确 的 API 找 到 Documents 目录 的 路 径 ， 然 
后 在 获取 路 径 的 后 面 追 加 文件 名 称 和 扩展 名 。 如 果 自 己 手动 编 写 进 入 Documents 路 径 ， 在 将 来 有 可 能 会 出 现 潜在 的 问题 。 

步骤 1 创建 一 个 全 新 的 Tabbed Application 应 用 程序 ， 名 称 设置 为 FileManager。 


步骤 2 ”打开 项 目 中 的 故事 板 ， 在 First 场 景 中 删除 之 前 的 两 个 Label， 然 后 添加 3 个 Button。 修 改 按钮 标题 分 别 为 : Documents 路 径 、tmp 路 径 和 Caches 路 径 。 最 后 从 菜单 中 选择 “Editor 一 Resolve 


Auto Layout lssues 一 Add Missing Constraints" 为 场景 添加 自动 布局 约束 ， 如 图 12-2 所 示 。 


* ID First 
— Top Layout Guida 
TT вонот Layout Guide 
Vini 
[в] Documents 
в imos 
В | Cochet 
Ë- Constraints 
| 六 | Firat 
(B First Responder 
Exit 


т 


b Ё Bacond Scano 


b ES Tab Bar Controller Scene 


图 12-2 First x 


Ë = E 


Documents te 


添加 3 个 Button 并 创建 自动 布局 约束 


ЖЗ ”为 按钮 与 FristViewController 类 添加 3 个 IBAction 方 法 ,方法 名 称 分 别 为 : getDocumentsPath、getTmpPath 和 getCachesPath， 如 图 12-3 所 示 。 


Ff 
re 
£f 
Fi 
£f 
ff 


impe 


class FirstViewCantrolLler: 


o 
ents iR fan 
n 


FirstviswC Controller. swift 
FileManager 


Created by Ж on 14/11/18. 
Copyright (c) 7814F ЗЕ. All rights reserved. 
rt UIKit 


UlVisewCpntroller 4 


Dwverride Tunc viewDindLoadií) 4 


super,viewDidLaad!! 
#7 Dn any additional setup after loading the view, 
typically fron a nib. 


} 


Connection | Action 
Object 人 Firet 
getDocumenteP ath 
Type |UlButton 
Event | Touch Up Inside + 
Arguments | Bender 
| 


Nama 


Cancel 


mwerride Tunc didReceiveMemoryWarningi) 4 


super.didReceiveMemnaryWarningl]) 
Ff Dispose of any resources that can be recreated. 


图 12-3 ”为 按钮 创建 IBAction 关 联 


步骤 4 在 getDocumentsPath : 方法 中 添加 下 面 的 代码 : 


Сс 


IBAction func getDocumentsPath(sender: UIButton) { 
let fileManager = NSFileManager () 
let urls = fileManager.URLsForDirectory( 
NSSearchPathDirectory.DocumentationDirectory, 
inDomains: NSSearchPathDomainMask.UserDomainMask) as [NSURL] 
if urls.count > 0 í 
let documentsFolder - urls[0] 


println("N (documentsFolder)") 
Jelse ( 
println ("没有 找到 Documents 目 录 ") 


在 上 面 的 代码 中 使 用 了 NSFileManager 类 ， 它 提供 了 大 量 的 文件 和 文件 夹 相关 的 操作 。NSFileManager 类 的 URLsForDirectory: inDomains 实 例 方 法 允许 我 们 搜索 iOS 文 件 系统 中 ， 应 用 程序 安全 沙 箱 
里 面 指定 类 型 的 目录 。 该 方法 有 两 个 参数 : URLsFor Directory 用 于 指定 我 们 希望 搜索 的 目录 ， 它 传递 的 是 一 个 NSsearchPathDirectory 类 型 的 枚 举 ; inDomains 是 搜索 的 目录 位 置 ， 它 是 
NSSearchPathDomainMask 类 型 的 枚 举 。 


NSSearchPathDirectory 枚 举 类 型 包括 很 多 的 值 ， 最 为 常用 的 有 : NSLibraryDirectory、NSDocumentDirectory、NSCachesDirectory 等 。 
针对 NSSearchPathDomainMask 枚 举 类 型 一 般 设置 为 UserDomainMask， 指 明 搜 索要 在 当前 用 户 的 文件 夹 下 进行 。 


构建 并 运行 应 用 程序 ， 点 击 Documents 路 径 按 钮 以 后 ， 在 控制 台中 会 显示 类 似 下 面 的 内 容 : 


file:///Users/liuming/Library/Developer/CoreSimulator/Devices/6554261E-C438-4833-80BA-DAC51B896F69/data/Containers/Data/Application/F75D6E06-50DF-4706-B809-6C916EA67ECE/Documer 


如 果 想 进入 该 目录 查看 其 中 内 容 ， 则 可 以 复制 “file: / ”后面 的 所 有 内 容 ， 然 后 在 Finder 的 菜单 中 选择 “前 往 一 前 往 文件 夹 ”， 粘 贴 刚才 复制 的 路 径 到 文本 框 中 ， 点 击 “ 前 往 ” 即 可 。 


步骤 5 在 getCachesPath 方 法 中 添加 下 面 的 代码 : 


QIBAction func getCachesPath(sender: UIButton) { 

let fileManager = NSFileManager () 

let urls = fileManager.URLsForDirectory( 
NSSearchPathDirectory.CachesDirectory, 
inDomains: NSSearchPathDomainMask.UserDomainMask) as [NSURL] 

if urls.count > 0 { 

let cachesFolder = urls[0] 

printin("N (cachesFolder)") 


println ("没有 找到 Caches 目 录 ") 


ш 
Q 
0 


我 们 使 用 同样 的 方法 获取 Caches 目 录 的 路 径 。 


步骤 6 在 getTmpPath 方 法 中 添加 下 面 的 代码 : 


GIBAction func getTmpPath (sender: UIButton) ( 
if let tempDirectory = NSTemporaryDirectory() { 
println("N (tempDirectory)") 


println(" 没 有 找到 Tmp 目 录 ") 


E 
Q 
Ф 


获取 tmp 目 录 路 径 的 方法 要 相对 简单 一 些 ， 直 接 使 用 NSTemporaryDirectory () 函数 即 可 。 


构建 并 运行 应 用 程序 ， 随 意 点 击 First 场 景 中 的 3 个 按钮 ， 在 控制 台中 会 显示 相应 的 目录 路 径 。 


12.3” 读 写 文件 的 操作 


我 们 可 以 将 诸如 NSSstring、Ullmage 和 NSData 的 信息 基于 指定 的 路 径 存储 到 磁盘 上 面 。 


12.3.1 将 文件 写 入 到 目录 中 


IET 在 故事 板 中 清除 Second 场 景 里 面 的 Label 元 素 ， 然 后 添加 一 个 TextField 和 一 个 Button。 最 后 为 TextField 创 建 |BOutlet， 名 称 为 textField; 为 Button 创 建 1BAction ， 名 称 为 saveToDisk， 如 图 
12-4 所 示 。 


Secandviewtontroller.swift 
FileManager 


Created hy x4. on 14/11/18. 
Copyright (c) 28145 ШП. ALL rights reserved. 
inpart UIKit 
rlass Serconduie Controller: ОУС оте го í 
gIBOutlet weak var textField: UITextField! 
override func vimwüidLoad(] 1 


зарег. міфы0йіді ааа і } 
Jf Do any additional setup after 1nmading tne view, typically from a nib. 


override func didReceiveMemaryWarningi]) 1 
super.didReceiveMemoryWarningl) 
// Dispose of amy resources that can be recreated. 


almn&ctinn func smweTaDisk(sender; lUIButtaon] { 


图 12-4 ”为 Second 场 景 创建 [BOutlet 和 IBAction 关 联 


步骤 2 在 saveToDisk 方 法 中 添加 下 面 的 代码 : 


Сс 


IBAction func saveToDisk(sender: UIButton) { 

let text = textField.text 

let destinationPath = NSTemporaryDirectory() + "myFile.txt" 
var error:NSError? 
let writen = text.writeToFile(destinationPath, atomically: true, 
encoding: NSUTF8StringEncoding, error: &error) 


if writen { 
println (" 成 功 存储 文件 到 N(destinationPath) 之 中 。") 
}е1ѕе { 
if let theError = error { 
Println(" 发 生 了 错误 : N(theError)") 
} 
} 
} 


我 们 可 以 直接 利用 String 类 的 实例 方法 writeToFile: atomically: encoding: error 将 字符 串 写 入 指定 的 路 径 中 。 它 包含 4 个 参数 : 
: writeToFile 是 一 个 字符 串 ， 用 于 指定 写 入 文件 的 路 径 。 


` atomically 是 一 个 布尔 型 值 ， 如 果 将 其 设置 为 true， 则 会 写 入 文件 到 一 个 临时 空间 ， 当 写 入 完成 以 后 再 把 它 移 到 指定 的 路 径 。 这 样 做 可 以 确保 文件 首先 存储 到 磁盘 上 ， 然 后 再 将 其 移 到 指定 位 置 。 如 果 应 
用 程序 在 保存 到 指定 位 置 前 发 生前 溃 ， 这 些 内 容 仍然 可 以 在 系统 恢复 后 继续 保存 。 强 烈 推 荐 将 该 参数 的 值 设 置 为 tue， 因 为 谁 也 不 想 在 应 用 程序 运行 过 程 中 丢失 任何 的 数据 。 


.encoding 代表 写 入 文件 的 文本 编码 格式 ， 我 们 通常 使 用 UTF8 作 为 编码 格式 ， 因 此 将 其 设置 为 NSUTF8StringEncoding。 
.ettot 是 一 个 NSEtrrot 对 象 的 指针 ， 如 果 保 存 文件 失败 ， 我 们 可 以 通过 它 发 现 保存 过 程 的 错误 。 如 果 我 们 对 保存 过 程 中 所 发 生 的 错误 并 不 在 意 ， 也 可 以 传递 一 个 nil 来 忽略 任何 的 问题 。 
writeToFile: atomically: encoding: error 方 法 会 返回 一 个 布尔 类 型 的 值 ， 我 们 可 以 通过 该 值 来 判断 文件 是 否 成 功 写 入 。 


构建 并 运行 应 用 程序 ， 在 Second 场 景 中 的 TextField 中 输入 一 些 文字 后 点 击 “ 保 存 ” 按钮 ， 存 储 信息 的 myFile.txt 文 件 会 被 保存 到 tmp 目 录 中 。 


12.3.2” 读 取 文 件 内 容 


如 果 还 希望 读 取 指定 路 径 中 的 文件 内 容 ， 则 可 以 借助 NSString 类 的 stringWith ContentsOfFile: encoding: error 方 法 。 


步骤 1 在 Second 场 景 再 添加 一 个 Button 和 Label 视 图 元 素 。 设 置 Button 为 显示 文件 内 容 ， 设 置 Label 的 Line 属 性 为 0， 这 样 可 以 在 Label 中 显示 多 行文 本 。 最 后 为 该 场景 添加 相关 的 自动 布局 约束 ， 如 图 
12-5 所 示 。 


а 


图 12-5 ”再 添 加 一 个 Button 和 一 个 Label 


步骤 2 为 Label 创 建 IBOutlet 关 联 ， 名 称 为 content。 为 Button 创 建 IBAction 关 联 ， 方 法 名 称 为 displayContent。 


步骤 3 在 displayContent 方 法 中 添加 下 面 的 代码 : 
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IBAction func displayContent (sender: UIButton) { 
var error:NSError? 
let path = NSTemporaryDirectory() + "myFile.txt" 
let readString = NSString(contentsOfFile: path, 
encoding: NSUTF8StringEncoding, error: nil) as String 
self.content.text = "myEile.txt 文 件 中 的 字符 串 为 : N(readString)" 
} 


构建 并 运行 应 用 程序 ， 因 为 之 前 已 经 存储 文本 内 容 到 myFile.txt 文 件 中 ， 所 以 直接 上 点击“ 显示 文件 内 


zu Ff 


= 


按钮 ， 在 Label 中 可 以 看 到 指定 文件 的 文本 内 容 ， 如 图 12-6 所 示 。 


. | love you 


图 12-6 点击“ 显示 文件 内 容 ” 按 钮 后 在 Label 中 出 现 的 文件 内 容 


在 上 面 的 示例 中 ， 我 们 使 用 了 Swift 的 String 类 代 蔡 之 前 Objective-C 中 的 NSString 类 将 字符 串 存储 到 磁盘 上 。 因 为 Swift 的 String 类 自动 桥接 了 Foundation 框 架 的 NSString 类 ， 所 以 我 们 几乎 不 需要 做 
任何 事情 就 可 以 在 它们 之 间 随意 转换 。 写 入 的 时 候 我 们 直接 使 用 了 String 类 ， 读 取 的 时 候 是 通过 NSString 类 ， 在 成 功 载 入 以 后 直接 将 其 转换 为 String 类 。 


当 写 入 文件 的 时 候 ， 我 们 也 可 以 使 用 writeToURL: atomically: encoding: error 实 例 方 法 将 路 径 封 装 到 一 个 URL 对 象 中 。 需 要 注意 的 是 ，NSURL 对 象 能 够 指向 本 地 的 文件 或 目录 ， 也 可 以 指向 远程 。 
例如 ， 一 个 NSURL 对 象 可 以 代表 一 个 在 Documents 目 录 中 的 本 地 文件 ， 也 能 够 代表 一 个 URL 网 址 ， 像 www.liuming.cn。 


除了 NSstring 以 外 ， 我 们 还 可 以 使 用 NSArray 类 的 writeToFile: atomically 实 例 方法 将 数组 存储 到 磁盘 上 。 


步骤 4 在 second 场 景 中 再 添加 一 个 Button， 取 名 为 “数组 写 入 到 文件 ”。 并 创建 1BAction 关 联 ， 方 法 名 称 为 saveArrayToDisk。 为 saveArrayToDisk: 添加 如 下 代码 : 


QIBAction func saveArrayToDisk(sender: UIButton) { 

let path = NSTemporaryDirectory() + "myArrayFile.txt" 
let arrayOfNames: NSArray = ["Steve", "John", "Edward"] 
if arrayOfNames.writeToFile(path, atomically: true)í 
let readArray:NSArray? = NSArray (contentsOfFile: path) 
if let array = readArray( 


println(" 成 功 读 取 数 组 N (array) ") 
{ 
println(" 读 取 数 组 失败 ") 


成 功 读 取 数 组 ( 
Steve, 
John, 

Edward 


12.4 ”在 磁盘 上 创建 目录 


如 果 想 要 在 磁盘 上 创建 目录 ， 需 要 使 用 NSFileManager 类 的 createDirectory AtPath: withIntermediateDirectories: attributes: error 实 例 方法 。 


在 second 场 景 中 再 添加 一 个 Button， 取 名 为 “在 tmp 中 创建 目录 ”。 并 创建 |BAction 关 联 ， 方 法 名 称 为 createDirectory: 。 为 createDirectory 方 法 添加 如 下 代码 : 


GIBAction func createDirectory (sender: AnyObject) { 
let tempPath = NSTemporaryDirectory () 
let imagesPath = tempPath.stringByAppendingPathComponent ("images") 
var error: NSError? 

let fileManager = NSFileManager () 
if fileManager.createDirectoryAtPath (imagesPath, 


withlIntermediateDirectories: true, attributes: nil, error: nil){ 
println ("目录 创建 成 功 ") 
}else { 
println ("目录 创建 失败 ") 


} 
} 


理解 和 使 用 NSFileManager 所 提供 的 API 非 常 简单 ， 因 此 当代 码 中 出 现 createDirectory-AtPath: withlntermediateDirectories: attributes: error: 的 时 候 你 也 应 该 不 会 感觉 到 生 深 。 接 下 来 ， 对 该 
方法 的 参数 加 以 介绍 


: createDirectoryAtPath: 所 创建 的 目录 路 径 。 


: withIntermediateDirectories: 布尔 类 型 值 。 如 果 设 置 为 tue， 则 会 创建 路 径 中 所 有 的 目录 。 例 如 ， 假 设 你 要 创建 的 目录 路 径 是 tmp/content/images， 而 此 时 tmp 目 录 中 并 不 存在 content 目 录 ， 在 值 为 true 的 
情况 下 ， 会 创建 content 和 images 目 录 。 


- attributes: 字典 类 型 的 对 和 象 ， 通 过 它 可 以 设置 文件 目录 的 属性 。 比 如 改变 修改 的 日 期 和 时 间 、 创 建 的 日 期 和 时 间 等 。 
© error: 接受 一 个 NSObject 类 型 的 指针 对 象 error， 如 果 在 创建 目录 的 时 候 发 生 任 何 问题 ， 我 们 可 以 通过 它 来 查询 问题 原因 。 强 烈 建议 在 该 方法 中 传递 一 个 errotr 对 象 ， 因 为 这 是 一 个 最 稳妥 的 做 法 。 


12.5 ”遍历 目录 和 文件 


12.5.1 ”简单 地 饥 历 目录 和 文件 


在 应 用 程序 运行 过 程 中 想 要 遍历 指定 位 置 的 目录 与 文件 ， 可 以 借助 NSFile Manager 类 的 contentsOfDirectoryAtPath : error 方 法 。 
步骤 1 在 Frist 场 景 中 添加 一 个 新 的 按钮 ，Title 设 置 为 “遍历 目录 ， 并 添加 相应 的 IBAction 方 法 enumerating.。 


步骤 2 在 enumerating 方 法 中 添加 下 面 的 代码 : 


QIBAction func enumerating (sender: UIButton) { 
Var error: NSError? 

et fileManager = NSFileManager () 

let bundleDir = NSBundle.mainBundle ().bundlePath 

t bundleContents fileManager.contentsOfDirectoryAtPath( 

bundleDir, error: &error) 


if let contents = bundleContents { 
if contents.count == 
println ("应 用 程序 包 是 空 的 !") 
}else { 
println ("应 用 程序 包 中 的 内 容 = N (bundleContents)") 


} 
}else if let theError = error í 
println ("不 能 读 取 应 用 程序 包 的 内 容 。Error = N(theError)") 
} 
} 


12.5 ”遍历 目录 和 文件 


12.5.1 简单 地 志 历 目录 和 文件 


在 应 用 程序 运行 过 程 中 想 要 遍历 指定 位 置 的 目录 与 文件 ， 可 以 借助 NSFile Manager 类 的 contentsOfDirectoryAtPath : error 方 法 。 
步骤 1 在 Frist 场 景 中 添加 一 个 新 的 按钮 ，Title 设 置 为 “遍历 目录 ” ， 并 添加 相应 的 1BAction 方 法 enumerating。 


步骤 2 ”在 enumerating 方 法 中 添加 下 面 的 代码 : 


QIBAction func enumerating (sender: UIButton) { 
var error: NSError? 
et fileManager - NSFileManager () 
let bundleDir = NSBundle.mainBundle () .bundlePath 
let bundleContents fileManager.contentsOfDirectoryAtPath( 
bundleDir, error: &error) 


if let contents = bundleContents { 
if contents.count == 
println ("应 用 程序 包 是 空 的 !") 
}else { 
println ("应 用 程序 包 中 的 内 容 = N (bundleContents)") 


} 
}else if ] theError = error { 
println n CURBESEBURUH BUS CUBA Ж. Error = \ (theError) ") 
} 
} 


12.5.2 ”遍历 并 获取 需要 的 信息 


在 应 用 程序 中 ， 有 可 能 会 遍历 目录 中 的 内 容 。 例 如 ， 用 户 从 互联 网 上 下 载 了 5 张 照片 并 缓存 到 应 用 程序 中 。 你 先 将 这 些 照片 手动 存储 到 tmp/images/ 目 录 之 中 。 当 用 户 关 闭 应 用 程序 并 再 次 打开 它 的 时 
候 ， 作 为 正确 的 流程 应 该 是 将 已 经 下 载 的 照片 显示 在 表格 视图 的 单元 格 中 。 如 何 载 入 本 地 照片 呢 ? 很 简单 ， 你 所 需要 做 的 就 是 使 用 NSFileManager 类 遍历 指定 目录 中 的 所 有 内 容 。 
contentsOfDirectoryAtPath: error 方 法 会 返回 一 个 NSstring 类 型 元 素 的 数组 ， 其 中 包含 了 目录 中 所 有 的 文件 、 文 件 夹 以 及 连接 。 然 而 ， 我 们 还 无 法 分 清 数组 中 哪些 是 文件 ， 哪 些 是 文件 夹 ， 要 想得到 更 加 
详细 的 信息 ， 需 要 调用 contentsOfDirectoryAtURL: includingPropertiesForKeys: options: error 方 法 。 它 的 参数 设置 如 下 : 


contentsOfDirectoryAtURL: 你 想 检查 的 目录 路 径 ， 这 个 路 径 要 使 用 NSURL 的 形式 。 


· includingPropertiesForKeys: 这 是 一 个 数组 ， 用 于 获取 每 个 文件 、 文 件 夹 的 属性 类 别 。 例 如 ， 可 以 通过 该 属性 指定 想 要 的 某 个 条 目的 创建 时 间 ， 它 会 作为 URL 的 一 部 分 返回 。 常 用 的 值 有 : 
NSURLIsDirectory Key (是 否 目 录 ) ~ NSURLIsReadableKey (是 否 可 读 ) ~ NSURLCreationDateKey (创建 时 间 ) ~ NSURLContentAccessDateKey (最 后 的 访问 时 间 ) 、NSURLContentModificationDate Key (Ж 


后 的 修改 时 间 ) 。 
- options: 该 参数 只 有 0 和 NSDirectortyEnumetationSkipsHiddenFiles 两 个 值 。 如 果 选 择 后 者 ， 遍 历时 会 跳 过 目录 中 所 有 的 隐藏 文件 和 文件 夹 。 


现在 ,我 们 对 遍历 的 文件 有 更 多 的 选择 ， 接 下 来 ， 通 过 实例 遍历 .app 目 录 中 所 有 的 条 目 ， 并 且 打 印 创建 、 最 后 修改 和 最 后 访问 的 时 间 。 除 此 以 外 ， 还 要 打印 这 些 条 目 是 否 隐 藏 、 是 否 可 读 和 是 否 为 目 
录 。 


步骤 1 在 故事 板 中 添加 一 个 新 的 View Controller， 将 其 与 Tab Bar Controller 建 立 关联 ， 使 其 成 为 标签 导航 中 的 第 三 个 分 类 视图 。 再 创建 一 个 新 的 Cocoa Touch Class 文 件 ，Subclass of 设置 为 
UlViewController，Class 设 置 为 ThirdViewController。 最 后 将 Third View Controller 场 景 与 ThirdViewController 类 关联 。 


步骤 2 为 Third 场 景 中 的 Text View 添 加 IBOutlet， 名 称 为 content。 为 “遍历 .app 目 录 ” 添 加 IBAction， 方法 名 称 为 enumeratingApp: ， 如 图 12-7 所 示 。 


ii Copyright {с} 01438 386. А11 righta reserved, 
H 


import UIKIt 
class ThirdViewController: UIlViewControilier { 
arBüutict weak war content: UITeEW4g£Wiew! 


nwerride func vimwibidLnadi) 1 

m - | a super,viewDidLoadtl 

n “遍历 ,app 目录 п 

i—i А // Do any mdditional setup after loading the wiew.: 
Lorem ipsum dolor sit ar ellt lamet. 
consectetaur cillium adipisicing pecu, sed iia b {беред уен аре еги ШЫ í 
do eiusmod tempor incididunt ut labare е1 ppf Psal af any заифе that can be recreated. 
dolore magna aliqua. Ut enirn ad minim 
veniam, quis nostrud exercitation ullamco 
laboris nisi ut aliquip &x ea commodo 
consequatL Duis aute irure dolor in } 


@тнаг11ап func emumeratingAppisender: urButtan) 1 


图 12-7 为 Button 和 Text View Ж > XJ 


403 在 ThirdViewController 类 中 添加 下 面 的 这 些 方法 : 


Сс 


IBAction func enumeratingApp (sender: UIButton) { 
self.content.text = "" 
let appBundleContents contentsOfAppBundle () 
for url in appBundleContents( 
printUrlPropertiesToTextView (url) 


} 
} 
func contentsOfAppBundle() -> [NSURL] { 
let propertiesToGet = [ 
NSURLIsDirectoryKey, 
NSURLIsReadableKey, 
NSURLCreationDateKey, 
NSURLContentAccessDateKey, 
NSURLContentModificationDateKey ] 
var error:NSError? 


let fileManager = NSFileManager () 

let bundleUrl = NSBundle.mainBundle () .bundleURL 

let result = fileManager.contentsOfDirectoryAtURL (bundleUrl, 
includingPropertiesForKeys: propertiesToGet, 
options: nil, error: &error) as [NSURL] 

if let theError = errorí( 


println("An error occurred") 


) 


return result 


} 
func stringValueOfBoolProperty (property: String, url: NSURL) -> String( 
var value:AnyObject? 
var error:NSError? 


if url.getResourceValue( &value, forKey: property, error: &еггог) && value !- пі1{ 
let number = value as NSNumber 
return number.boolValue ? "YES" : "NO" 


return "NO" 


func isUrlDirectory(url: NSURL) -> String( 
return stringValueOfBoolProperty (NSURLIsDirectoryKey, url: url) 


func isUrlReadable (url: NSURL) -> NSString( 
return stringValueOfBoolProperty (NSURLIsReadableKey, url: url) 


} 
func dateOfType(type: String, url: NSURL) -> NSDate?( 
var value:AnyObject? 
var error:NSError? 
if url.getResourceValue( &value, forKey: type, error: &error) && 
value != nilí 
return value as? NSDate 


} 


return nil 


} 


func printUrlPropertiesToTextView (url: NSURL) { 
self.content.text self.content.text + 
"URL name = \ (url.lastPathComponent) Wn" 
self.content.text = self.content.text + 
"Is a Directory? N(isUrlDirectory (url)) \п" 
self.content.text = self.content.text + 
"Is Readable? NV(isUrlReadable (url)) Mn" 
if let creationDate = dateOfType (NSURLCreationDateKey, url: url)( 


self.content.text = self.content.text + 
"Creation Date = \ (creationDate) Wn" 


f let accessDate = dateOfType (NSURLContentAccessDateKey, url: url){ 
self.content.text = self.content.text + 
"Access Date = \ (accessDate) Wn" 


F- ~ 一 


f let modificationDate = dateOfType( 
NSURLContentModificationDateKey, url: url)( 
self.content.text = self.content.text + 
"Modification Date = N(modificationDate) Wn" 


H- — 


} 


self.content.text self.content.text + 


"FE \п\п\п" 


接 下 来 ， 简 单 介 绍 所 涉及 的 方法 。 


` contentsOfAppBundle: 该 方法 会 搜索 .app 目 录 中 所 有 的 条 目 ( 包 括 文件 、 文 件 夹 和 连接 等 ) ， 并 且 将 搜索 到 的 结果 以 数组 的 形式 返回 。 数 组 中 的 元 素 都 是 NSURL 类 型 ， 其 中 还 包括 创建 时 间 、 最 后 修 
改 时 间 以 及 其 他 的 属性 。 


© stringValueOfBoolProperty: ofURL: 该 方法 将 获取 的 值 转换 为 字符 串 。 例 如 ， 通 过 布尔 型 的 值 我 们 可 以 判定 某 个 URL 指 向 的 是 文件 还 是 目录 ， 但 是 如 果 我 们 将 布尔 型 赋值 给 文本 是 不 行 的 ， 所 以 还 要 将 
其 转换 为 字符 串 。 在 URL 中 有 两 个 属性 (NSURLIsDirectoryKey 和 NSURLIsReadableKey) 会 返回 NSNumbet 对 象 ， 该 对 象 包含 1 个 布尔 值 。 


· isURLDirectory: 检查 指定 的 URL 是 否 为 目录 。 
: isURLReadable: 检查 指定 的 URL 是 否 可 读 。 
: dateOfType: inURL: 将 获取 的 属性 值 转换 为 NSDate 类 型 后 返回 。 


构建 并 运行 应 用 程序 ， 点 击 按钮 以 后 在 Text View 中 会 显示 .app 目 录 中 的 文件 信息 ， 如 图 12-8 所 示 。 


EE bh Fi ep | 


lE MET 下 和 车 1:35 


ж b5.appE = 


URL name = Assats.car 

Is а Directory? NO 

Is Haadable? YES 

Сге ют Dale = 2014-11-18 05:11:30 «ОС 
Access Data = 2014-11-19 06:3533 ФСС 
odii cuin Delo = indi 18 05:11:30. 0000 


URL name = Base pròj 

Is а Directory? TES 

la Readable? YES 

Сге ют Dale = 2014-11-19 05:35:29 „(КП 
BAoceas Date = 2014-11-19 05:85:32 +0000 

Мо АП Date = 2014-11-18 05:35:28 


|6: Fiemdable? YES 
Craatinn Data = 2014-11-29 04- 40004 КИН 


! Phim 


图 12-8 ”遍历 .app 目 录 后 显示 的 内 容 


12.6 ”删除 文件 和 目录 


当 我 们 不 再 需要 某 个 文件 或 目录 时 ， 可 以 使 用 NSFileManager 类 的 removeltemAtPath: error: 或 removeltemAtURL: error: 方法 将 其 删除 。 其 中 ，Path 需 要 使 用 字符 串 ，URL 需 要 使 用 NSURL 对 
象 。 


` 


步骤 1 在 Second 场 景 的 底部 添加 一 个 Button ，Title 设 置 为 “删除 tmp 中 的 目录 ”， 并 建立 |BAction 关 联 ， 方 法 名 称 为 deleteDirectory。 


步骤 2 ”在 deleteDirectory 方 法 中 添加 下 面 的 代码 : 


^N 


С) 


IBAction func deleteDirectory (sender: UlButton) í 

let folder - NSTemporaryDirectory () 

var error:NSError? 

let fileManager = NSFileManager () 

let contents = fileManager.contentsOfDirectoryAtPath (folder, 
error: &error) as [String] 


if let theError = еггог{ 
printlin("An error occurred = \ (theError)") 
} else { 
For fileName in contents( 
let filePath = folder.stringByAppendingPathComponent (fileName) 


1 FileManager.removeltemAtPath(filePath, error: nil){ 
println (" 成 功 删 除 : N(filePath)") 

) else { 

println (" 删 除 失败 : N(filePath)") 


} 


在 该 方法 中 我 们 会 遍历 tmp 目 录 中 的 所 有 文件 ， 然 后 使 用 removeltemAtPath: error: 将 其 删除 。 


构建 并 运行 应 用 程序 ， 点 击 按钮 以 后 在 控制 台中 会 显示 成 功 删除 信息 : 


成 功 删 除 : 
өөө Store 
成 了 Jt УК e. 

/Users/liuming/Library/Developer/CoreSimulator/Devices/FACO9BDE-5202-43E8-AB78-D7A985B6DBAB/data/Containers/Data/Application/9545B192-2453-4B21-936C-5B3A275FEB93/tmp/myArrayFil 


